苏州网站建设空间,wordpress 旅游主题,网页设计公司找哪家,网站建设需要懂什么语言背景#xff1a;我干哦#xff01;最近需求是让中英文翻译vue页面#xff0c;我这个后端哪里会哦#xff0c;这不遇见了一个棘手的问题#xff0c;我描述下#xff1a;上面是一个list 根据查询到的值进行判断显示#xff0c;如果是z就显示主信息#xff0c;其他的ABC正…背景我干哦最近需求是让中英文翻译vue页面我这个后端哪里会哦这不遇见了一个棘手的问题我描述下上面是一个list 根据查询到的值进行判断显示如果是z就显示主信息其他的ABC正常显示。试了几种方式后都不行然后问了问同事学到了监听的使用步骤最终实现切换中英文的时候下拉框里面的内容成功的切换为了中英文 接下来我记录下实现步骤
1.引入vue
import Vue from vue;
2.定位到初始化的list也就是这个newItemList
data() {return {treatyid: this.$route.query.treatyid,newItemList: [{value: z,lable: 主信息}],selected: z,downLoadInfo: {dialogShowFlag: false,treatyid: this.$route.query.treatyid,filetype: 2,itemid: z}};},
3.初始化的时候进行监听我这边是进行判断i18n是中英文然后进行判断如果等于en就是英文等于zh就是中文。
let language this.$i18n.locale;
if (language en) {this.newItemList.forEach((item,index) {console.log()if (index 0){Vue.set(item, lable, Main Information);}});}if (language zh) {this.newItemList.forEach((item,index) {if (index 0){Vue.set(item, lable, 主信息);}});}
4.初始化写完就该写监听了
watch: {$i18n.locale(val) {// 当语言变化时修改 isShow为falseif (val en) {this.newItemList.forEach((item,index) {console.log()if (index 0){Vue.set(item, lable, Main Information);}});}if (val zh) {this.newItemList.forEach((item,index) {if (index 0){Vue.set(item, lable, 主信息);}});}}},
5.我得业务逻辑是更改第一个下标 index为0的才进行判断更改为主信息这是我得业务逻辑其他的不需要进行更改。在初始化更改一次然后切换中英文监听的时候修改一次特此记录。
自己研究一个小时没弄明白问下同事十分钟搞定了。
