• 等待
    • 普通用法

    等待

    TIP

    1.0.0+

    普通用法

    等待 - 图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>