热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

uniapp系列回顾总结项目国际化2(翻译问题与解决方案)总结

国际化翻译遇到的问题与解决方案:国际化项目部署情况:uni-app系列----项目国际化  1.文字的替换方法:跟访问data数据一样,{{}}实现数据绑定:&am

国际化翻译遇到的问题与解决方案:

国际化项目部署情况:uni-app系列----项目国际化

 

 

1.文字的替换方法:

跟访问data数据 一样,{{}}实现数据绑定:

搜索
{{i18n.search}}

 

2.标签内属性值的替换方法:

用  "  : " 即 “ v-bind”进行绑定访问:注意冒号



:placeholder="i18n.mobilePhone" type="number" maxlength="11" @input="onMobileInput">

  

3.标签或文本内的三木运算判断的替换方法:

{{userLevelInfo.levelType==1? wxs.spliceDate(userLevelInfo.endTime)+"1111":"22222"}}

{{userLevelInfo.levelType==1? wxs.spliceDate(userLevelInfo.endTime)+i18n.expire:i18n.notPayingMember}}

  

{{currentLevelId==item.id?"111":"222"}}

{{currentLevelId==item.id?i18n.current:i18n.notPurchased}}

  

4.data里数值的替换方法:

不能直接 i18n. 进行访问,只能用在函数中用 push 方法添加进去

一些对象的属性也可以这样添加实现!

// refundPriReasonArray: ['请选择', '协商一致退款', '拍错/多拍/不喜欢', '其他'],
refundPriReasonArray: [i18n.pleaseChoose, i18n.refundConsensus, i18n.wrongShot, i18n.other],//无法访问

data里:
refundPriReasonArray:[],
函数
{
  this.refundPriReasonArray.push(i18n.pleaseChoose, i18n.refundConsensus, i18n.wrongShot, i18n.other);
  console.log(this.refundPriReasonArray)
}

  

5.弹窗文字的替换方法:

用 this 进行访问,同访问 data 数据

uni.showModal({
	title: "提示",
	content: "请输入正确的信息!",
	success: res => {
		if (res.confirm) {
			this.popupShow = true
			} else {}
		}
	});


uni.showModal({ title: this.i18n.tips, content: this.i18n.upgradeMemberTips1, success: res => { if (res.confirm) { this.popupShow = true } else {} } });

 

6.下方导航标签的替换方法

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 只能一次设置一个,所以要设多个

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

记得城市换调用与渲染

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

 

7.页面标题的替换方法

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

 用

uni.setNavigationBarTitle({

});

uni.setNavigationBarTitle({
	 title:this.i18n.yamiMultiStore
});

再每个页面都要设置。。。。。一百多个页面文件,就是手指有点抽筋。。。。

我是放在onShow里面的

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

8. js文件文字的替换方法

终于解决了。hhhhhhhhhh,弄了一个早上,搞定了是真的开心呀

下面的弹窗就是再js文件里设置的,搞定了!

 

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 方法:

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

9.弹窗补充(wx.showModal与uni.showModal)

wx.showModal:http://www.mamicode.com/info-detail-2373042.html

uni.showModal: https://www.kancloud.cn/guobaoguo/uniapp/820872

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

 uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

解决:

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 注意:this指向问题:

uni-app系列回顾总结----项目国际化2(翻译问题与解决方案)总结

 

 

 

 

详细请结合参考官网:https://uniapp.dcloud.io/api/ui/tabbar?id=settabbaritem
https://ask.dcloud.net.cn/article/35872


推荐阅读
author-avatar
惜靜吾_919
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有