vue 方法回调通知执行下一个方法

最新推荐文章于 2024-08-30 08:41:38 发布

June_Wong

最新推荐文章于 2024-08-30 08:41:38 发布

阅读量3.6k

点赞数 1

分类专栏： VUE 文章标签： VUE

本文链接：https://blog.csdn.net/June_Wong/article/details/92771211

版权

在Vue开发中，当需要确保一个方法执行完毕后再执行另一个方法时，可以利用Promise来实现。通过引用博客文章《vue方法回调通知执行下一个方法》（https://blog.csdn.net/shan1991fei/article/details/78966297）中的示例，开发者可以在等待异步请求完成并获取数据后，安全地调用后续操作。

摘要由CSDN通过智能技术生成

有时候需要在一个方法执行完之后才执行下一个方法。
在VUE里面可以用Promise
有一篇优秀的博文可以参考:
https://blog.csdn.net/shan1991fei/article/details/78966297

自己实际开发运用的示例
背景：
需要等请求完之后获取到数据才执行下一个方法

// 请求接口
getData(queryData){
   
   	let _self = this;
    return new Promise(function(resolve

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

June_Wong

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue等待函数执行完后执行下一行命令

Aa12364567的博客

02-27

1125

vue等待函数执行完后执行下一行命令。

基于vue框架手写一个notify插件实现通知功能的方法

01-19

简单编写一个vue插件，当点击时触发notify插件，dom中出现相应内容并且在相应时间之后清除，我们可以在根组件中设定通知内容和延迟消失时间。 1. 基础知识我们首先初始化一个vue项目，删除不需要的组件和样式，主要针对src下一些初始化资源，有过vue项目基础的应该很容易理解，如果没有vue基础建议先熟悉每个初始化文件的作用。关于vue中如何开发插件可以直接看vue官方文档，简单了解插件开发过程，vue插件文档。现在我们在src目录下新建一个plugin文件夹，里面存放要开发的插件notify.js // notify.js let notify = { //需要在此对象

参与评论您还未登录，请先登录后发表或查看评论

Vue.js推送通知示例：结合Firebase的高效实践

热门推荐

u011280778的博客

09-14

2万+

vue在一个方法执行完后执行另一个方法用Promise.all来实现。 Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况 ES7中新提出async搭配await，建议使用async搭配await。 function fun1(){ return new Promise((resolve, reject) => { /* 你的逻辑代码 */ console.log("1");

vue等多个请求执行完再执行下一个方法（Promise.all用法）

ZhouHuiCSDN

06-16

7057

Promise.all 的使用

vue.js element-ui validate中代码不执行问题解决方法

10-18

通过确保每个验证逻辑分支都调用 `callback`，我们可以确保表单验证的完整性，避免 `validate` 方法因缺少回调而停止执行。这不仅解决了问题，也提高了代码的可读性和维护性。总结起来，Vue.js与Element UI结合...

vue3 封装一个全局通用弹窗提示组件（利用js调用类似于element）

06-21

- 创建一个方法，如open()，用于显示弹窗，并暴露给外部调用。该方法接收参数，如消息内容，然后更新组件的状态。 - 同样，创建close()方法用于关闭弹窗。 3. **回调函数处理** - 为了在用户点击确认或取消时...

Vue 父子组件的数据传递、修改和更新方法

11-29

父组件在模板中绑定该事件，通过回调函数接收数据： ```html <child-component @data="getInputData"></child-component> ``` 然后在父组件的方法中接收并处理数据： ```javascript getInputData(data) { ...

vue的token刷新处理的方法

10-18

// 刷新后执行的回调，更新所有请求的token function onRefreshed(token) { refreshSubscribers.forEach(cb => cb(token)); } // Axios请求拦截器 axios.interceptors.request.use(config => { // 读取本地存储的...

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

01-19

vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。栗子： ... <ul id=demo> <li v-for=item>{{item}}</div> </ul> ... new Vue({ el:'#demo', data:{ list=[0,1,2,3,4,5,6,7,8,9,10] }, methods:{ push:function(){ this.list.pu

浅谈Vue.js 关于页面加载完成后执行一个方法的问题

10-17

主要介绍了Vue.js 关于页面加载完成后执行一个方法的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

alert回调_vue中的回调函数实践(钉钉免登陆授权码为例)

weixin_39568889的博客

11-27

770

1.背景最近公司开发一个企业内部钉钉微应用,有个需求是动态获取钉钉免登陆code,之前从没玩过百度+google了半天还是c了个有bug的(免登陆code只能用一次,且在异步函数中调用),网上的蛇皮解决方案真是让人头秃........无奈今天是deadline,无更多时间c错误代码,只能昨晚请教我的室友---全南京最强大前端架构狮丶俊俊来帮我解决这一令屎上最强全栈学习退堂鼓一号选手丶小金...

vue 中的 async await 异步等待按顺序执行

joe0235的博客

09-07

4833

async/await场景: 这是一个用同步的思维来解决异步问题的方案，当前端接口调用需要等到接口返回值以后渲染页面时。 async async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行，async 函数返回的是一个promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。 await await的含义为等待

VUE中请求成功有返回数据没有往下面走

weixin_46711427的博客

03-08

603

async gita(){ const {data:{code}} = gita() if(code==0){ console.log(1) } } 接口返回200没有打印1 解决办法： async gita(){ const {data:{code}} = gita().catch((error)=>{ return error }) if(code==0){ console.log(1) .

vue7 回调函数与异步编程

duzhe17629085113的博客

12-17

327

动态组件componnet 标签动态组件实现切换菜单当来回切换，没有v-model组件输入框就不内保留输入的内容，当运用动态组件的时候，切换后，缓存组件真实的节点书上面移除，但是虚拟的节点树上面还是存在，当切换回来的时候不要再从新用mount从新创建组件缓存组件 key-akive标注有include=“” 则缓存当前的标签没有include=“” 则缓存全部缓存组件还会执行mouted 不会再执行当被缓存时，被隐藏起来 ...

Vue项目设置超时时间后，限定时间内不操作再次操作将退出

weixin_42708742的博客

10-26

1481

首先获取设置好的超时时间 //查询超时时间设置 selectTime() { let that = this; if (localStorage.getItem("access-token")) { let params = {}; API.SetTimeFindOne(JSON.stringify(params)).then(res => { if (res.returnCode != "200") { layer.alert(re.

Vue数据响应式原理：Vue2与Vue3的区别

此外，Vue通过收集依赖（即保存数据旧值和变更回调的集合），在数据变化时通知这些依赖来触发相应的更新操作。" Vue2的数据响应式：在Vue2中，当初始化Vue实例时，数据对象`data`中的每个属性都会通过`Observer`...