vue获取table一列数据_ant-design-vue:a-table使用之在某一行的某一列数据中发送（获取）所在行整行数据：slot-scope的大用处...

先看一个简单的需求：在table表内插入连接：动态获取a连接数据：

这个实现起来比较简单只需在columns指定列obj内添加：scopedSlots: { customRender: 'tags' },

然后在内添加

其中slot：指定内部布局都会显示在要显示在tags那一列

slot-scope:指定传入进来的数据，比如后端数据是data = [

{

key: '1',

id:"20120120",

yongliang:"",

tags: [1,2,3,4],

},]

那么数据会导入到这个插入的插槽div内：既可以通过遍历获取所有tags内标签

代码：

columns=[ {

title:'图纸(仅显示 .PcbDoc/.pdf/.dwg)',

key:'tags',

dataIndex:'tags',

scopedSlots: { customRender:'tags'},

ellipsis:true,

width:300},]

data={

key:'1',

id:"20120120",

yongliang:"",

tags: [

{

href:"www.baidu.com",

name:"baidu",

...

},{...}],

},

{{tag.name}}