i18n写在data中无法切换语言的解决办法

       第一次写,加上技术极其有限,请各位大佬看了不要见笑哈

       我是今年毕业科班出身的程序员,但我没有过实习经验,因为我跨专业考研失败了,本身专业知识也不是很牢,所以我的产出可能没有什么技术性,但都是我亲身经历。我去了杭州由于没有实习经验&项目经验,只面了2家,都没过,于是乎回到老家湖州随便找了个xx技术服务公司,先积攒一点项目经验

        这里的老板给我分配了一个“翻译”的工作,因为公司承包了一个国外的项目,页面需要中英文切换,项目实现语言切换的是i18n,i18n是international的缩写

        只要在js文件中写中英文的文本,再在vue模板中导入就可以了,vue-i18n文档中的使用方法如下图

i18n写在data中无法切换语言的解决办法_第1张图片

         我发现如果将$t('xxx.xxx')写在data中不能实现语言的切换,页面渲染时是何种语言就是何种语言展示页面。我试过用vue生命周期来实现点击按钮切换语言,都以失败而告终。网上关于这个的教程也不是很多,我一时也找不到解决的办法。直到后来我想到了vue的计算属性,于是本来是在data中定义数组改成了在computed中定义数组,如下图

i18n写在data中无法切换语言的解决办法_第2张图片

         这样定义的columnsAll数组就可以实现切换语言了。

        虽然在各位大佬眼中只是个小问题,但对我来说也是一次成长,虽然可能以后也不会用到hh

        给我动力的是一个b站up主 阿崔cxr 在学习群里跟着大佬学到了很多东西  一起学习打卡

        附上崔大的b站链接~ 阿崔cxr的个人空间_哔哩哔哩_Bilibili

        冲冲冲

你可能感兴趣的:(前端,vue.js,javascript)