开发时突然发现element-ui下拉框中有值,但是无论怎么点都无法选中。
在确认没有报错后,查看下拉框绑定的值是有改变的,由此可以确认是render函数没有自动更新造成的。原因是下拉框的选择数组是接口返回的,应为调用的层数太多,所以render函数没有自动更新。
this.$forceUpdate()是vue自带的强制刷新的方法,只要我们在选择的时候调用就OK。
解决办法如下:
//
<el-select v-model="form.roleIds" multiple placeholder="请选择" @change="Gtechange">
// 解决选择框选不了
methods: {
// 解决选择框选不了
Gtechange(){
this.$forceUpdate()
},
```}