element-ui el-input无法更改内容,修改不生效
原因是vue页面进行数据渲染时,层次嵌套或者多重数据绑定导致该组件信息框数据不能被Vue实时监听到,以此出现了数据发生改变但页面上更新或删除对应信息框的数据毫无反应的现象,此时需要强制更新,重新渲染。...
·
原因是:vue页面进行数据渲染时,层次嵌套或者多重数据绑定导致该组件信息框数据不能被Vue实时监听到,以此出现了数据发生改变但页面上更新或删除对应信息框的数据毫无反应的现象,此时需要强制更新,重新渲染。
解决:
<el-input
v-model="fromData.regulartxt"
:placeholder="plaText"
class="input-with-select"
@blur="fromData.ruleContent = fromData.regulartxt"
@input="changeMessage()"
>
</el-input>
// 强制更新测试文本信息框的值
changeMessage() {
this.$forceUpdate()
},
更多推荐
已为社区贡献2条内容
所有评论(0)