Crud 模块

复杂表头

复杂表头 - 图1

column中加入children列数组即可,一层层的根据结构来显示表头

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