iview select组件国际化切换问题

vue2 + iview + vue-i18n 全局引入环境下,全局切换国际化,此时select选项能正常切换

<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

当选中其中的值后再切换语言,选项并没有跟着国际化

clipboard.png
clipboard.png

此后再怎么选择选项,选中内容中显示的还是未国际化的内容

clipboard.png

强制f5刷新后,此后再重新选择就没异常

clipboard.png

求解答处理方法

阅读 6.1k
5 个回答

把国际化的内容,放到computed中即可

新手上路,请多包涵

同样问题,求解答

 :label-in-value="true"

给 Select 组件加这个参数就可以了,但是不知道为啥 =_=||

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题