昨天在做项目时,有一个功能是使用Element UI的Select多选下拉框,在使用时,发现每次选择的数据已经发生变化,但是页面上的显示却没有变化。
在网上寻找方法,说是:render
函数没有自动更新,所以在选择的时候需要强制更新
解决办法:
在<el-select>
上定义@change
方法,然后在方法里边执行this.$forceUpdate();
即可
changeVal(value) {
// TODO
this.$forceUpdate(); // 调用此函数方法
}