<div
:class="index==0? 'msg-con divider-param' : 'msg-con' "
v-for="(param,index) in master.params"
:key="index"
>
<div class="msg-tit">{{param.alias}}</div>
<div class="elIpt">
<el-input
size="mini"
v-model="param.value"
:placeholder="param.placeholder"
@input="change($event)"
></el-input>
</div>
</div>
1. 例如 上图 循环出来的 input 导致 值 显出出来后,导致用户无法手动的 去修改 input的值
原因:因为数据层次太多,render函数没有自动更新,需手动强制刷新
解决:首先给 el-input 组件 添加一个 change 监听方法 添加this.$forceUpdate();进行强制渲染,效果实现
上代码 --
change(e) {
this.$forceUpdate();
},
2.end 解决 如果又问题 下方留言