在写iview render函数时,刚开始是按照下边代码写的,这样input输入的一个字符就是失焦。
原因:
{
title: "注意交接事项",
key: "handler",
render: (h, params) => {
return h("Input", {
props: {
value: params.row.matterAttention,
placeholder: "请输入注意事项",
size: "small"
},
on: {
input: e => {
//params.row.matterAttention = e.target.value;
this.tableData[params.index].matterAttention = e;
}
}
});
}
}
方法:
表格是绑定的table的数据是tableData,input数据改变的时候你把整行的数据替换掉,就不会造成table重新渲染,导致input失焦了
{
title: "注意交接事项",
key: "handler",
render: (h, params) => {
return h("Input", {
props: {
value: params.row.matterAttention,
placeholder: "请输入注意事项",
size: "small"
},
on: {
'on-change': e => {
params.row.matterAttention = e.target.value;
this.tableData[params.index] = params.row;
}
}
});
}
}