昨天在做项目时,有一个功能是使用 Element UI 的 Select 多选下拉框,在使用时,发现每次选择的数据已经发生变化,但是页面上的显示却没有变化。

在网上寻找方法,说是: render 函数没有自动更新,所以在选择的时候需要强制更新

解决办法:

<el-select> 上定义 @change 方法,然后在方法里边执行 this.$forceUpdate(); 即可

changeVal(value) {
      // TODO    
      this.$forceUpdate(); // 调用此函数方法
}