在做行内编辑的时候,直接对对象数组的属性赋值发现没有做响应式的
现象: 点击编辑的时候,没有切换输入框。f12后,输入框才切换出来
vue文档说明: https://cn.vuejs.org/v2/guide/reactivity.html#%E5%A6%82%E4%BD%95%E8%BF%BD%E8%B8%AA%E5%8F%98%E5%8C%96
var vm = new Vue({
data: {
items: ['a', 'b', 'c']
}
})
vm.items[1] = 'x' // 不是响应性的
vm.items.length = 2 // 不是响应性的
代码如下
<template>
<el-table :data="labelList" style="width: 100%" border stripe>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="name" label="名称" align="center">
<template slot-scope="scope">
<el-input placeholder="名称" size="small" v-show="scope.row.show