之前有项目要做中英文切换,于是我选择了使用vue-i18n插件来进行完成需求,在开发过程中遇到一个问题记录一下 当将需要切换的文字内容以this.$t('xxx.xxx')的方式放入data中时发现默认的语言是可以显示出来,但是当我们进行切换语言时,data里的数据在循环中却不会切换 js: data(){return{test:[{a:this.$t('use...
npm install vue-i18n--save 成功后可以在package.json文件中看到已添加了vue-i18n: "vue-i18n":"^8.11.2" 下面为兼容vue-i18n@6.x+及更高版本的配置介绍。 2、在src资源文件下创建文件夹i18n,i18n下创建index.js文件,引入VueI18N,配置i18n,并导入语言包(根据开发需求添加语言) importVuefrom"vue";import{ ...
在vue中注册 importi18nfrom'@/i18n'app.use(i18n) 3.使用 不需要任何操作,直接在模板中使用即可 {{ $t('message.test') }} 4.问题 切换语言时如何刷新? vue-i18n提供了一个钩子函数useI18n(),暴露出locale属性用于切换语言 import{ useI18n }from'vue-i18n'const{ locale } =useI18n() locale.value='...
通过源码进一步得知this.$i18n在内部通过this._i18n获取国际化对象,所以直接将i18n赋值给_i18n, 此处暂时可解决antv x6自定义vue节点无法国际化问题 特别注意:此处使用了vue-i18n包的内部变量_i18n,防止升级i18n后废弃该变量导致问题 */ Vue.prototype._i18n = i18n;Sign up for free to join this conversation on...
vuedata中使用i18n多语言配置-切换语言不生效-解决computed,写在data初始化的时候拿到这些被国际化的值,并不能响应变化。官方的解决办法是,建议我们将表达式写到computed属性里,不要写到data中使用{{$t('k.state')}}//可以动态改变data(){return{dyh:this.$t
初始化 vue-i18n：创建 i18n 实例，将 messages 属性设置为整合的语言对象，locale 属性为所需语言的键。配置第三方库：如在 element 组件库中设置国际化选项。以下是简单的使用步骤：安装插件：通过npm或yarn安装 vue-i18n。创建语言包：使用工具如 du-i18n 自动生成语言包对象。引入语言包：在入口文件...
楼主解决了吗 我也是项目有6000条数据 确实慢
1.表格内的单元格数据,通过后台返回的字段对应的替换为filters中的文字。 <template> {{ scope.row.isMain | isMainFilter}} </template> ... filters:{ isMainFilter(isMain) { if (isMain) { return '是' } else { return '否' } } }
在vue项目中使用国际化插件在切换页面时会概率性报错:Uncaught TypeError: Cannot read property '_t' of null at VueComponent.Vue.$t,有序的重复报错(比如每次都是重复4条)一直停不下来。如果我重新刷新页面报错就会停止。vue.jsvue-i18n 有用关注4收藏 回复 阅读10.8k ...
$t: (a,b) => i18n.t(a,b), // 这里处理国际化:解决报错1 }, }); // 测试套件 describe('Login-vue组件', () => { // 测试用例 // 1.测试data上面的值 test('测试data上面的值:', () => { expect(wrapper.vm.msg).toBe('login page12'); ...