The problem of internationalization switching of iview select components

when vue2 + iview + vue-i18n is introduced globally, the internationalization is switched globally, and the select option can be switched normally

.
<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

solution

Apr.06,2021

put the internationalized content into computed


the same question, and solve


 :label-in-value="true"

just add this parameter to the Select component, but I don't know why = _ = |


has it been solved? Answer the same question


Hello, how is this problem finally solved? I think some bosses say they put it in computed. I have no effect after operating it. May I ask how to deal with yours

?
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e42731-449af.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e42731-449af.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?