Vue结合使用element-ui组件,如输入框,下拉框的时候,有时候会遇到无法更新数据的问题,明明已经赋值了,但是视图上没更新数据,对此有以下两个方法可解决:
1、this.$set 强制渲染
html代码
<el-input v-model="detailContent.value" @input="forceInput"></el-input>
js代码
forceInput() {
this.$set(this.detailContent,"value", "66");
}
2、this.$forceUpdate() 强制更新
html代码
<el-input v-model="detailContent.value" @input="forceInput"></el-input>
js代码
forceInput() {
this.detailContent.value = 66;
this.$forceUpdate();
}