错误处理

TIP

1.0.0+

普通用法

错误处理 - 图1

如果弹出的表单中调用done是关闭窗口，调用loading是关闭表单锁定，但不会关闭窗口

  1. <avue-crud :data="data" :option="option" @row-update="rowUpdate" @row-save="rowSave"></avue-crud>
  3. <script>
  4. export default {
  5.     data() {
  6.       return {
  7.         data: [
  8.           {
  9.             name:'张三',
  10.             sex:'男'
  11.           }, {
  12.             name:'李四',
  13.             sex:'女'
  14.           }
  15.         ],
  16.         option:{
  17.           page:false,
  18.           align:'center',
  19.           menuAlign:'center',
  20.           column:[
  21.              {
  22.               label:'姓名',
  23.               prop:'name'
  24.             }, {
  25.               label:'性别',
  26.               prop:'sex'
  27.             }
  28.           ]
  29.         },
  30.       };
  31.     },
  32.     methods: {
  33.       rowUpdate(row,index,done,loading){
  34.         this.$message.success('模拟网络请求')
  35.         setTimeout(() => {
  36.           this.$message.success('关闭按钮等待')
  37.           loading()
  38.         }, 1000)
  39.         setTimeout(() => {
  40.           this.$message.success('关闭窗口')
  41.           done()
  42.         }, 2000)
  43.       },
  44.       rowSave(row,done,loading){
  45.         this.$message.success('模拟网络请求')
  46.         setTimeout(() => {
  47.           this.$message.success('关闭按钮等待')
  48.           loading()
  49.         }, 1000)
  50.         setTimeout(() => {
  51.          this.$message.success('关闭窗口')
  52.           done()
  53.         }, 2000)
  54.       }
  55.     }
  56. }
  57. </script>