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

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

解决办法:

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

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