- 自定义列
- 普通用法
- 普通用法
自定义列
TIP
1.0.0+
普通用法
设置列的属性slot
为true
时即可开启自定义模式,在卡槽中指定列的名字即可
<avue-crud :data="data" :option="option" v-model="user">
<template slot="name" slot-scope="scope" >
<el-tag></el-tag>
</template>
</avue-crud>
<script>
export default {
data() {
return {
user:{},
data: [
{
name:'张三',
sex:'男'
}, {
name:'李四',
sex:'女'
}
],
option:{
page:false,
align:'center',
menuAlign:'center',
column:[
{
label:'姓名',
prop:'name',
slot:true
},
{
label:'性别',
prop:'sex'
}
]
},
};
},
}
</script>