avue-crud 可编辑

6 篇文章 0 订阅

参考官方文档:
  配置【数据中 $cellEdit为true】即可开启首次编辑addRowBtn为行新增按钮,cellBtn设置为true则开启行编辑按钮,在配置中将【编辑的字段设置 cell为true】,增删改查方法和crud组件使用一致,rowKey为主键的key,如果数据中存在主键,数据才会保存在表格中。

个人实验下来,只有两步
  1、Json数据中每个元素加上:$cellEdit:true
如:

{
   id:0,
   sex:1,
   age:18,
   $cellEdit:true // 可编辑
},{
   id:1,
   name:'李四',
   age:18,
   sex:0,	// 不可编辑
}

  2、option 中的 column,在想要编辑的字段加上:cell: true,

column: [{
            label:'姓名',
            prop: 'name',
            cell: true, // 设为true
            rules: [
              {
                required: true,
                message: '请输入姓名',
                trigger: 'blur'
              }
            ]
        }]

  问题来了,后端传来的json怎么办?如何在每个json元素中加上$cellEdit:true
  可以利用forEach

res.data.gssalSalPodelayanDtla.forEach((item) => {
  item.$cellEdit = true
})

如此 res.data.gssalSalPodelayanDtla 中的每一个元素就多了$cellEdit:true

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值