Crud 模块

自定义组件

自定义组件 - 图1

自定义组件的使用方法,请看扩展页面

  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. name:'张三',
  10. sex:'男'
  11. }, {
  12. name:'李四',
  13. sex:'女'
  14. }, {
  15. name:'王五',
  16. sex:'女'
  17. }, {
  18. name:'赵六',
  19. sex:'男'
  20. }
  21. ],
  22. option:{
  23. page:false,
  24. align:'center',
  25. menuAlign:'center',
  26. column:[
  27. {
  28. label:'姓名',
  29. prop:'name',
  30. span:24,
  31. component:'soltComponent'
  32. },
  33. {
  34. label:'性别',
  35. prop:'sex'
  36. }
  37. ]
  38. }
  39. }
  40. }
  41. }
  42. </script>