Crud 模块

等待

等待 - 图1

组件中loading接受一个Boolean的属性,来控制组件的等待框显隐藏

  1. <avue-crud :data="data" :option="option" :table-loading="loading"></avue-crud>
  2. <div style="margin-top:20px;">
  3. 切换 Loading 状态<el-switch size="small" v-model="loading"> </el-switch>
  4. </div>
  5. <script>
  6. export default {
  7. data() {
  8. return {
  9. loading:true,
  10. data: [
  11. {
  12. name:'张三',
  13. sex:'男'
  14. }, {
  15. name:'李四',
  16. sex:'女'
  17. }
  18. ],
  19. option:{
  20. page:false,
  21. align:'center',
  22. menuAlign:'center',
  23. column:[
  24. {
  25. label:'姓名',
  26. prop:'name'
  27. }, {
  28. label:'性别',
  29. prop:'sex'
  30. }
  31. ]
  32. },
  33. };
  34. },
  35. created(){
  36. }
  37. }
  38. </script>