ElementUI Select设置默认值更改选择后值不改变

使用 ElementUI 的 Select 选择器选择了其他选择值,框内的值没有改变,还是显示原来的值,但是绑定的id值变了

解决方案:在选择器的值发生改变时刷新选择器组件:@change=“$forceUpdate()”

<el-select
  v-model="Value"
  placeholder="请选择"
  @change="$forceUpdate()"
>
  <el-option
    v-for="item in List"
    :key="item.id"
    :label="item.name"
    :value="item.id"
  />
</el-select>

注意:我查找了下绑定值没变的原因是因为我绑定的value值在data中没有定义才会出现这种问题,如果绑定的是对象的话,比如绑定的是obj.value,并且data中已经定义了,还出现了绑定值不变的情况,说明在代码编辑的过程中把obj重新赋值了,赋的值中没有value属性,也就是说把value属性给干掉了,所以会出现绑定值不变的情况,所以要做的就是在代码中把value属性加上就可以了。

你可能感兴趣的:(vue.js,javascript,前端)