0
点赞
收藏
分享

微信扫一扫

avue 表格 自定义列(使用插槽)

A邱凌 2022-07-27 阅读 148


 设置列的属性​​slot​​​为​​true​​​时,在卡槽中用​​prop​​作为卡槽的名字即可

<avue-crud :data="data" :option="option" >
<template slot="name" slot-scope="scope" >
<el-tag>{{scope}}</el-tag>
</template>
</avue-crud>

<script>
export default {
data() {
return {
data: [
{
name:'张三',
sex:'男'
}, {
name:'李四',
sex:'女'
}
],
option:{
column:[
{
label:'姓名',
prop:'name',
slot:true
},
{
label:'性别',
prop:'sex'
}
]
},
};
},
}
</script>

​​https://www.avuejs.com/crud/crud-column.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%97​​

举报

相关推荐

0 条评论