问题描述:
根据后台提供的数据,对表格进行回显(如下图),并且计划发货数量可进行修改; 参数对接完毕之后,确发现 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(地址如下)

Logo

前往低代码交流专区

更多推荐