自定义表单

TIP

1.0.0+

普通用法

自定义表单 - 图1

设置列的属性formslottrue时即可开启表单自定义模式,在卡槽中指定列的名字加上Form即可

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