• 自定义列
    • 普通用法

    自定义列

    TIP

    1.0.0+

    普通用法

    自定义列 - 图1

    设置列的属性slottrue时即可开启自定义模式,在卡槽中指定列的名字即可

    1. <avue-crud :data="data" :option="option" v-model="user">
    2. <template slot="name" slot-scope="scope" >
    3. <el-tag></el-tag>
    4. </template>
    5. </avue-crud>
    6. <script>
    7. export default {
    8. data() {
    9. return {
    10. user:{},
    11. data: [
    12. {
    13. name:'张三',
    14. sex:'男'
    15. }, {
    16. name:'李四',
    17. sex:'女'
    18. }
    19. ],
    20. option:{
    21. page:false,
    22. align:'center',
    23. menuAlign:'center',
    24. column:[
    25. {
    26. label:'姓名',
    27. prop:'name',
    28. slot:true
    29. },
    30. {
    31. label:'性别',
    32. prop:'sex'
    33. }
    34. ]
    35. },
    36. };
    37. },
    38. }
    39. </script>