鍍金池/ 問答/HTML/ iview select組件國際化切換問題

iview select組件國際化切換問題

vue2 + iview + vue-i18n 全局引入環(huán)境下,全局切換國際化,此時(shí)select選項(xiàng)能正常切換

<template>
<div>
    <Select v-model="form.select" style="width:200px">
        <Option v-for="item in selectList" :label="$t(item.label)" :value="item.value" :key="item.value"></Option>
    </Select>
    </div>
</template>
<script>
export default {
    name: 'aaa',
    data() {
    return {
      form: {
        select: ""
      },
      selectList: [
        { label: "user.usd_account", value: "1" },
        { label: "user.khr_account", value: "2" }
      ]
    };
  },
}
</script>

clipboard.png
clipboard.png

當(dāng)選中其中的值后再切換語言,選項(xiàng)并沒有跟著國際化

clipboard.png
clipboard.png

此后再怎么選擇選項(xiàng),選中內(nèi)容中顯示的還是未國際化的內(nèi)容

clipboard.png

強(qiáng)制f5刷新后,此后再重新選擇就沒異常

clipboard.png

求解答處理方法

回答
編輯回答
清夢

同樣問題,求解答

2017年7月2日 12:22
編輯回答
莫小染

把國際化的內(nèi)容,放到computed中即可

2018年5月18日 07:39
編輯回答
紓惘
 :label-in-value="true"

給 Select 組件加這個(gè)參數(shù)就可以了,但是不知道為啥 =_=||

2018年3月23日 13:54