using internationalized plug-ins in vue projects will cause probabilistic errors when switching pages.: Uncaught TypeError: Cannot read property"_ t"of null at VueComponent.Vue.$t, keeps repeating errors in an orderly manner (for example, 4 errors at a time). If I refresh the page, the error will stop.
vue project, when the route jumps quickly, vue-18n has a certain probability of reporting an error Cannot read property'_ t'of null.
reason (my own understanding):
page An and page B are configured in multiple languages, such as
$t ('xxx') in html, this.$t (' xxx') in data or method.
when page A jumps to page B, the multilingual loading of page An is not finished but has already jumped to page B, so the this in page A cannot be found.
solution:
multilingual configuration file (my project is i18n/index.js under src)
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import enLocale from 'element-ui/lib/locale/lang/en'
import jaLocale from 'element-ui/lib/locale/lang/ja'
Vue.use(VueI18n) //
let messages = {
'zh-CN': { ...require('./zh'), ...zhLocale },
'en-US': { ...require('./en'), ...enLocale },
'ja-JP': { ...require('./ja'), ...jaLocale },
}
const i18n = new VueI18n({
locale: 'zh-CN', //
messages
})
export default i18n
change this.$t ('xxx') to i18n.t (' xxx') from i18n
page to i18n.t ('xxx')
import i18n from '@/i18n/index'Previous: Resource files are not generated in webpack,devServer memory so that resources cannot be accessed
Next: Wechat web page development, ios page bottom hidden forward and backward white strip?
I want to get the current language, depending on whether the data value is 0 or 1, whether it is displayed in Chinese, yes in English or no in Chinese, or no in English ...
when working on a project, directly use the previous language pack and then when the previous language code is brought over to use, there is a warning PS:keypath Home keypath how should I solve this problem? ...
The project uses vue-i18n, tags like this in the .vue file. I use node to extract the json from < i18n > in all the .vue files into a json file. After the translator has translated it, the translator writes it back to the .vue with node, and then there ...
the code is as follows: html: <div class = "a"> <span :class="{active: isTable == a }" @click = "table( a )">{{ $t("EOSGame.shaiZi.part1") }}< span> <span :class="{active: ...
problem description the project uses iview and vue-i18n plug-in, and basically all of them can be translated. However, it is found that Modal and DatePick of iview cannot be translated and no error is reported. the environmental background of the pr...
what happens when vue-i8n implements multilingual switching and page re-rendering. In modular development, whether it will trigger a certain life cycle of vue, whether there is a callback function, that is, how to know in the component that Chinese has b...