vue中使用element的select选中后不显示内容

Question

先上版本号：

然后是效果图

页面上的其他下拉框也都出现了问题，好像都是option是由请求回来的数组循环出来的就有这个问题；

<el-select v-model="address.province" placeholder="选择省" style="width: 150px;">
     <el-option :label="item.name" @click.native="getList('citylist', item, 'city')" :key="item.name" v-for="item in data" :value="item.name"></el-option>
</el-select>

<el-select v-model="address.city" value-key="city" placeholder="选择市" style="width: 150px;">
     <el-option :label="item.name" v-for="item in citylist" @click.native="getList('arealist', item, 'area')" :key="item.name" :value="item.name"></el-option>
</el-select>

<el-select v-model="address.area" value-key="area" placeholder="选择区/乡镇" style="width: 150px;">
     <el-option :label="item" v-for="item in arealist" :key="item" :value="item"></el-option>
</el-select>

script：

export default {
    data() {
        return {
            data: addressJSON,
            citylist: [],
            arealist: [],
        }
    },
    props: [
        'address'
    ],
}

Answer 1

第三个:value="item.name"

Answer 2

我也遇到相同的问题，不过跟版本没关，是视图层没更新，用vm.$set()强制更新就好了，具体看文:
https://blog.csdn.net/PGguoqi...

Answer 3

请问你这个问题怎么解决的？我也碰到了同样的问题。