- 自定义表单
- 普通用法
- 普通用法
自定义表单
TIP
1.0.0+
普通用法
设置列的属性formslot
为true
时即可开启表单自定义模式,在卡槽中指定列的名字加上Form即可
<avue-crud :data="data" :option="option" v-model="user">
<template slot-scope="scope" slot="nameForm">
<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',
formslot:true
},
{
label:'性别',
prop:'sex'
}
]
},
};
},
}
</script>