介绍 & lt; i-table highlight-row ref=癱urrentRowTable":列=癱olumns":data=https://www.yisu.com/zixun/" tableData "> <李> 出口默认{
数据(){
返回{
currentId: & # 39; & # 39;
currentScore: & # 39; & # 39;
列:[
{标题:& # 39;名称& # 39;,关键:& # 39;名字# 39;,对齐:& # 39;中心# 39;},
{
标题:& # 39;班级& # 39;,
对齐:& # 39;中心# 39;
呈现:(h p)=比;{
const {id,分数}=p.row
常量输入=h(& # 39;输入# 39;,{
风格:{
宽度:& # 39;30% & # 39;
填充:& # 39;4 px 2 px # 39;
borderRadius: & # 39; 4 px # 39;
边界:& # 39;1 px固体# e9eaec& # 39;
textAlign: & # 39;中心# 39;
},
attrs: {
最大长度:16
},
domProps: {
价值:分数
},>关于iView如何实现可编辑表格的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
这篇文章将为大家详细讲解有关iView如何实现可编辑表格的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
<强>组件
实现方式:
记录当前需要编辑的列的id,默认为空
<李>需要编辑的列与当前需要编辑的id进行匹配,成功则将该列渲染为包含输入标签组件,并绑定输入事件
<强>数据处理
