• 错误处理
    • 普通用法

    错误处理

    TIP

    1.0.0+

    普通用法

    错误处理 - 图1

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

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