Crud 模块

Crud自定义列

自定义列 - 图1

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

  1. <avue-crud :data="data" :option="option" v-model="user">
  2. <template slot-scope="scope" slot="name">
  3. <el-tag>{{scope.row.name}}</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. solt:true
  29. },
  30. {
  31. label:'性别',
  32. prop:'sex'
  33. }
  34. ]
  35. },
  36. };
  37. },
  38. }
  39. </script>