Question

我在项目中使用元素UI，并从API动态加载国家/地区，其模式如下：

{
country: "Afghanistan"
country_id: 1
nationality: "Afghans"
}

<el-select class="abctest" v-model="value" placeholder="Country" @change="updateDropdowns(index, $event)">
  <el-option v-for="item in country_data" :key="item.country_id" :label="item.country" :value="item.country_id">
  </el-option>
</el-select>

这就是我正在做的选择，这就是我从数据库中获取country_id=1之类的ID的方式。

如果我将其与值绑定，它将只打印1。我需要选择国家名称，知道如何做到这一点吗？

我正在使用VueJS 2和ElementUI 2。

没有选择来自数据库的任何国家。

Answer 1

只需将:value="item.country_id"更改为:value="item.country"

Answer 2

问题已解决。问题是api的响应。它给了我country_id字符串，我只是将其转换为整数，并且有效

元素UI选择项未动态设置值

2 个答案: