0


element ui input 深层循环v-model绑定默认数据删除不了的情况

例子:

在项目开发中遇到的,简单记录一下

<el-input style="width: 180px"
          v-model="item.dataForm"
          @input="handleChangeDataForm($event)"
          type="number"
          placeholder="请输入1-2的数值"
          size="small">
</el-input>

给input一个@input方法 使其更新视图,这样子就可以正常编辑删除了

handleChangeDataForm (e) {
   this.$forceUpdate()
},

出现这种情况是vue不能检测到对象属性的添加或者删除导致视图无法更新


本文转载自: https://blog.csdn.net/zhouhx123/article/details/117962969
版权归原作者 Adamyworld 所有, 如有侵权,请联系我们删除。

“element ui input 深层循环v-model绑定默认数据删除不了的情况”的评论:

还没有评论