vue-antd中table组件

       在使用vue-table组件时,需要在渲染每一条数据时,带一个类型的icon。

      于是就来了,使用template即可完美解决,代码如下:

       

      

在columns如下这样定义即可:

 

     一开始有一个坑,就是渲染不出来这一项的数据,后来改了一下渲染模板,套两层template就可以了,这样就实现了在一列的数据中加入相应类型的icon.

    这样就可以完美的解决了数据前面带icon的问题!

   欢迎大家评论交流和指导,奥利给!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Vue-antd-admin的增删改查操作,你可以按照以下步骤进行: 1. 创建一个数据表格组件,用于展示数据,并导入antd的Table组件和相关样式。 2. 在数据表格组件,使用Table组件的columns属性定义表格的列,每一列对应数据表的一个字段。同时,在columns可以定义一些操作列,比如编辑和删除按钮。 3. 在数据表格组件,通过调用接口获取后端返回的数据,并将数据渲染到表格。 4. 实现添加功能:创建一个添加数据的弹窗组件,使用antd的Modal组件作为弹窗容器,并在弹窗设置表单项,根据需要可以使用antd的Form组件来处理表单验证和提交。 5. 在数据表格组件,通过点击添加按钮打开弹窗组件,填写表单项并提交数据到后端接口。 6. 实现编辑功能:创建一个编辑数据的弹窗组件,与添加数据的弹窗组件类似,但需要在打开弹窗时传入要编辑的数据。 7. 在数据表格组件,通过点击编辑按钮打开编辑弹窗组件,将要编辑的数据传递给弹窗组件,并在弹窗显示该数据。修改表单项后,提交修改后的数据到后端接口。 8. 实现删除功能:在数据表格组件,为删除按钮绑定点击事件,点击时调用后端接口删除对应的数据。 以上是基本的增删改查操作流程,具体的实现细节还需要根据你的具体业务需求进行调整和完善。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值