关于vue的异步导致的一系列问题处理

1、原来项目中使用jquery实现改为vue后，调用接口的参数出现ajax的嵌套调用，导致第二次axios请求完全没有任何反应，连请求都没有发送，很是奇怪；解决方案：监听某个属性（第一次ajax请求拿到的参数）是否发生变化，发生变化再调用第二次函数即可 watch:{ 'param':{ handler:(val,oldVal)=>{ 监听p...

森小六

3284人浏览 · 2018-05-05 18:42:34

森小六 · 2018-05-05 18:42:34 发布

1、原来项目中使用jquery实现改为vue后，调用接口的参数出现ajax的嵌套调用，导致第二次axios请求完全没有任何反应，连请求都没有发送，很是奇怪；

解决方案：监听某个属性（第一次ajax请求拿到的参数）是否发生变化，发生变化再调用第二次函数即可

watch : {

'param' : {

handler : ( val , oldVal ) => {

监听param (还可以监听param内部的变化)

deep : true

}

2、请求接口之前的参数，需要经过处理，为简化代码调用函数返回值赋给这个参数，但由于vue是异步问题，它并不会等函数走完将值赋给参数再发送请求而是同时执行，导致传的参是初始值，并未经过处理；

同样可以利用监听，当调用过函数，某个变量值发生变化时，再监听调用ajax请求；

当然这些也可以使用定时器延时，但肯定也不是最佳解决方案；

希望有更好的解决方案可以提供；

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^