Vue i18n国际化切换data中数据不生效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue i18n国际化切换data中数据不生效相关的知识,希望对你有一定的参考价值。

参考技术A

前端维护下拉框数组由于带有国际化的原因定义在data中的下拉框列表数据不跟随语言切换而改变

对此我们将typeList列表数据定义在 computed

咦,这个时候页面数据就变了,下拉框数据跟随语言的变换改变了

由此得知以后前端定义的数据如果需要跟随国际化变换可以定义在computed中

antd vue table 设置rowClassName不生效的问题

参考技术A 在开发的需求中,需要通过设置rowClassName来设置不同的行样式,例如:

我发现,在样式中设置类adjust之后不会起作用

这样写并不会改变行的背景颜色
经过翻阅资料,别人也遇到过这样的问题,是因为.adjust不能写在scoped当中,而应写在全局样式中

改成这样后样式生效,但要注意,这样可能会影响到其他组件中class为adjust的样式

以上是关于Vue i18n国际化切换data中数据不生效的主要内容,如果未能解决你的问题,请参考以下文章

vue前端国际化Vue I18n使用入门

Vue 项目中实现多语言国际化 ( i18n )

Vue3 + Element Plus + i18n 国际化

vue-i18n国际化在data中切换不起作用

17. Vue 使用Element-ui的国际语言插件i18n导致DatePicker日期控件英文错乱

vue项目使用i18n实现语言国际化操作