在获取每行数据时,对每行数据进行循环并添加属性inputVisible和inputValue
res.data.forEach((item) => {
// 控制文本框的显示与隐藏
item.inputVisible=false
// 文本框中输入的值
item.inputValue=''
});
随后在页面渲染过程中,首先用scope接收每行数据,再为每行的文本框的显示与隐藏和输入的值绑定每行对应的值
代码用到的是Vue框架的语法
// 控制文本框的显示与隐藏
v-if="scope.row.inputVisible"
// 文本框中输入的值 v-model是Vue中的双向绑定
v-model="scope.row.inputValue"