注意点:定义的columns一定要写在data中否则在加载过程中由于渲染顺序会导致其中的渲染函数无法识别
return { // 否则以独占4列的文本形式被渲染
直接调用对应插槽模板:
今天在写代码时,用到Ant design框架中的<a-table>控件其中的一个需求是:点击table中的一行,需要执行一些操作因为没有默认的行点击事件,需要用到customRow来进行自定义
这個方法,在官方的文档中有使用说明,如下:
官方的这个写法应该是属于lamada的语法,今天我在使用时也是使用这种写法。
// 点击该行时偠做的事情
在执行时会报错,如下:
不使用lamada表达式则不会出现这样的问题,修改后的rowClick方法如下:
可正常执行并能正确调用getDetailList方法
以上這篇ant design vue中表格指定格式渲染方式就是小编分享给大家的全部内容了,希望能给大家一个参考也希望大家多多支持脚本之家。