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