Vue动态渲染多个绑定v-model的el-input框,无法输入

问题描述:
根据后台提供的数据,对表格进行回显(如下图),并且计划发货数量可进行修改; 参数对接完毕之后,确发现 el-input 无法输入内容

在这里插入图片描述
解决方式: 通过this.$set()
在这里插入图片描述
为什么会出现这个问题呢?是因为Vue 无法检测到新添加的属性
在开发任务中,也经常遇到Vue修改或者添加数据的时候,不更新视图的问题
在此 总结下方法:

  • 通过this.$set(obj, key, value)/vue.set(obj, key, value)
  • 强制刷新 this.$forceupdate
  • 所用到的数据名称,在data(){}, 定义好
  • 数组,对象 赋予新的值,
  • Object.assign(),但是直接使用 不会触发更新,需要将原对象和混入对象结合 ,如: this.rowItem = Object.assign({},this.rowItem,{newProperty:‘值’})

建议大家去查阅官网文档,进一步了解关于Vue数据加载深入响应式原理
https://cn.vuejs.org/v2/guide/reactivity.html(地址如下)

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值