Vue动态渲染多个绑定v-model的el-input框,无法输入
问题描述:根据后台提供的数据,对表格进行回显(如下图),并且计划发货数量可进行修改;参数对接完毕之后,确发现 el-input无法输入内容…解决方式: 通过this.$set()为什么会出现这个问题呢?是因为Vue 无法检测到新添加的属性在开发任务中,也经常遇到Vue修改或者添加数据的时候,不更新视图的问题在此 总结下方法:通过this.$set(obj, key, value)/vue.set(
·
问题描述:
根据后台提供的数据,对表格进行回显(如下图),并且计划发货数量可进行修改; 参数对接完毕之后,确发现 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(地址如下)
更多推荐
已为社区贡献1条内容
所有评论(0)