那些因为年轻走过的坑一

286 阅读1分钟

前言

每一个坑,都要用各种方式爬出来.当你爬出来的时候,你的天会从井口大小变得无边无际,收货巨大.请珍惜遇到的每一个坑.

死活拿不到数据

情况:点击了确定按钮触发hSubmit事件,提交数据报错,查看请求携带的数据为空,但是填入时vue中显示有数据

1.png

3.png

报错信息:

2.png

代码:

6.png

分析原因:

this.isEdit ? this.doEdit() : this.doAdd() 这是异步操作,导致this.dialogVisible = false先执行,关闭dialog,除了dialog中的@close="resetForm",将表单数据清空,验证规则重置,因此拿不到数据.

9.png

8.png

解决方法:

将以下代码位置调整到发送请添加请求之后,因为请求方法用async和await修饰,需等await执行完毕后才会执行以下代码

        // 关闭弹出框
        this.dialogVisible = false
        // 重新渲染表格
        this.loadAllRoles()

10.png

最后

希望整理的信息对您有所帮助,喜欢的话请帮忙点赞

如果有什么建议,欢迎在评论区留言

不足之处还请批评指教,谢谢!