Vue element template 二次开发中遇到的问题

1.在处理 与数据库的交互中,一定要注意resolve

 

出现的情况,往往就是一直处于刷新状态,因为你没有resolve.同时有时候,你还会翻下和我一样的错误

Vue element template 二次开发中遇到的问题

这里我用了两个then来解析,但是实际上 ,如果代码不打包他是正常的运行,但是你用脚手架打包的时候,他会出现和一开始我说的那种情况.

这时候,从数据库引用的数据就不应该和Vuex 和权限管理绑定,

而是在经过权限验证后,直接从数据库加载.

这里的问题就是异步问题,我们知道,数据库的操作都是异步的,axios是基于promise风格的,因此我们在使用的时候,先要构造async函数,然后在created钩子的时候,进行then解析.

Vue element template 二次开发中遇到的问题

这个getlist方法就是axios数据库请求返回的一个promise.

对于异步同步的问题,很简单,基本上数据库操作都是异步的,如果他构造过promise,直接外面套层async和await就可以解决.同样的,如果没有,那你就自己构造.