鍍金池/ 問答/Java  HTML/ Vue.js中如何使用vue-i18n國際化獲取相應語言對應字符?

Vue.js中如何使用vue-i18n國際化獲取相應語言對應字符?

問題:Vue項目需要國際化,安裝了Vue-i18n插件,在HTML和UI里都可以成功使用,但是在<script></script>標簽內的字符無法獲取到,有什么方法嗎?

<h3 class="title">{{ $t('message.yali') }}</h3>

<el-input type="text" v-model="ruleForm2.account" auto-complete="off" :placeholder="$t('message.PleaseUsername')"></el-input>


HTML和Vue ui里的都能使用模版成功獲取使用,但是這兩個模版在script標簽內就無法使用,求方法

<script>
    data(){
        return{
            ....
            message: '$t('message.Password')'
            ....
        }
    }
</script>

×
各位大神有什么解決方法嘛


回答
編輯回答
亮瞎她

js中應該加上指針this,即this.$t('message.Password')。

2018年6月9日 00:57
編輯回答
陌上花

把message顯示出來的時候,在html里面在進行國際化的操作,在最終輸出進行國際化操作,不用在初始化變量,改變過程中進行國際化

2017年10月15日 07:11
編輯回答
獨特范

這不是script標簽的問題,而是你放在data里的東西,在data生成的時候i18n都還沒有加載,所以無法對這個字段進行國際化,正確的做法是把message對應的東西放到html里去

2018年8月6日 12:01