vue.js 请求方法设置同步问题 25C

使用vue.js对后台进行请求发送。
现在问题描述。
定义一个vue中,有6个方法,其中有一个方法请求成功后会调用另外两个方法,
调用时候,必须等第一个方法成功返回之后对页面渲染后再掉第二个方法。
目前vue 默认为异步请求,调用的第一个方法还没有渲染完页面,
第二个方法就已经请求了,造成页面获取值为未更新之前的数据。

现在想完成的形式:
定义一个vue,6个方法中,不设置就使用异步,
有一个方法需要单独设置为执行同步。

请大神说说vue的思路。就是需要vue实现部分方法同步
【ps:想说使用ajax的或者把第二个参数写在第一个参数里边的就不用说了】

5个回答

你有了解过es6的promise 和 es7的async await 吗

可以的话定义多个vue,mounted 放同步的方法, 异步的方法 用链式调用啊。这三者加起来 什么逻辑也能处理吧!

多个vue也挺好用的,建议楼主试试

楼上正解,还有为啥不让后端一次处理?

同问啊。楼主,解决了没

你好,请问这个问题是怎么解决的呢,我现在也遇到这个问题了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
同步GET请求方法
本课程介绍了,iOS开发中,客户端与服务器端网络通信,介绍了XML和Json文档结构以及如何解析。讲解了REST Web Service中的GET和POST同步异步请求方法,同时介绍了使用轻量级网络请求框架MKNetworkKit,后介绍了反馈网络信息改善用户体验 的下拉刷新控件,等待指示器控件以及网络等待指示器。
DWR方法同步设置
 DWR提供的JS方法调用默认是异步的,为了得到同步的运行结果,一般类似以下方式处理:     DWREngine.setAsync(false); //设置成同步 var _data = null; test1Ajax.sayHello('hello', function(data){_data = data;}); //dwr调用服务端的函数 DWREngine.setA...
Vue.js 请求后台数据
var that = this; that.$http({ //调用接口 method:'POST', url:ctxPath + "/login/doLogin" , params:{ userName : acco
多线程请求资源同步的问题。。。
问题描述,默认数据存放在datatable中,里面有用户名,密码,datatable中存有N行数据,界面可以设定线程n线程请求网络资源。rn比如我有100个用户,设置10线程访问,10线程一组访问网络资源后,存储相应数据后,同步10个线程后,再继续下一组。。。rnrn问题集中在前面,我已找到线程同步的代码。。。主要想问如何前面如何写代码。。。多谢。。。rn我的单线程代码如下:rn[code=csharp]rn Thread pingTask = new Thread(new ThreadStart(delegatern rn for (int i = 0; i < dt.Rows.Count; i++)rn rn //获取dt中的用户名,密码来请求网络资源rn string strUserName = Convert.ToString(dt.Rows[i]["userName"]);rn string strpassWord = Convert.ToString(dt.Rows[i]["passWord"]);rnrn //请求资源rn DORequestThings(strUserName ,strpassWord );rnrn rnrn ));rn pingTask.Start();rn[/code]rnrn多线程如何操作呢。。。求代码或思路。。。。
数据库同步设置问题
SQL CE 与 SQL SERVER同步 如何是否要对SQL SERVER进行设置 rnIIS如何设置? rn
ajax请求+vue.js渲染+页面加载
1.导入js "> " rel="stylesheet"> " rel="stylesheet"> "> 2.body主体 订单管理 请输入地址:
static方法同步的问题?
有几个线程几乎同时访问一个static方法, 产生一个数据, 会不会造成几个线程同时取数据会有错乱的问题?
【03】vue.js — http请求交互
请求静态资源<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> <script type="text/javascript" s
vue.js的Histroy模式设置
前端配置:const router = new VueRouter({ mode: 'history', base: '/CLservice/vue/', routes })nginx服务器配置:location /CLservice/ { try_files $uri $uri/ /CLservice/vue/index.html; root /home/; i...
vue.js 设置默认图片
设置默认图片 若图片不存在则替换
CInternetSession请求设置问题
CInternetSession session;rnsession.SetOption(INTERNET_OPTION_CONNECT_TIMEOUT, nSendTimeout); // 2秒的连接超时rnrnrnsession.SetOption(INTERNET_OPTION_SEND_TIMEOUT, nSendTimeout); // 1秒的发送超时rnsession.SetOption(INTERNET_OPTION_RECEIVE_TIMEOUT, nSendTimeout); // 7秒的接收超时rnsession.SetOption(INTERNET_OPTION_DATA_SEND_TIMEOUT, nSendTimeout); // 1秒的发送超时rnsession.SetOption(INTERNET_OPTION_DATA_RECEIVE_TIMEOUT, nSendTimeout); // 7秒的接收超时rn session.SetOption(INTERNET_OPTION_CONNECT_RETRIES, 1); // 1次重试rnrn请帮忙讲一下这个几个超时具体含义。谢谢
vue.js 动态设置样式
控制多个样式: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;Vue 测试实例&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;https://cdn.staticfile.org/vue/2.2.2/vue.min.js&quot
vue.js div 设置背景图片
布局: &amp;lt;div class=&quot;middle&quot; :style=&quot;backgroundDiv&quot;&amp;gt; &amp;lt;img src=&quot;./images/aibtn@3x.png&quot; style=&quot;width: auto; height: 40px;&quot;&amp;gt; &amp;lt;/div&amp;gt; 数据: data() { return { backgr
Ajax 请求同步与异步
可能有新朋友看到这个标题!同步??ajax 不就是发送异步请求的么?     其实在JQuery的$.ajax()方法中 有一个参数 async  (在这里,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行
QT 同步post请求
QNetworkRequest request; QNetworkAccessManager* naManager = new QNetworkAccessManager(this); // QMetaObject::Connection connRet = QObject::connect(naManager, SIGNAL(finished(QNetworkReply*)), this,...
ajax 同步 请求
function UrlDecode(str) {     var ret = "";     var url = interfaceUrl + "service/UrlDecode.aspx?dt=" + new Date();     $.ajax({         type: "POST",         url: url,         data: { "d": str
oc请求get同步
oc请求get同步 #ios NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url]; [request setHTTPMethod:@“get”]; [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil]...
ajax请求的同步和异步操作
运行次序,先跳出ajax click 再到后台运行testAjax 然后再跳出end 最后运行function中的alert(data),跳出testAjax bbbbbbbbbbbbb 原因,$.get操作,暂时没查到同步的参数,所以跳过function,直接运行后面代码,后面代码完成后,再执行function $(function () {             $("#
同步Get请求执行流程
本课程是兼顾框架0基础使用,框架源码实现,框架封装的课程。
iOS同步post请求
-(NSDictionary * )SynchronousRequestUserBaseFromRemoteWith:(NSString *)userId{         //第一步,创建URL     NSString  *  urlStr =  @"http://";     NSURL *url = [NSURL URLWithString:urlStr];
get请求 同步 和异步
//倒依赖 //布局 xml version="1.0" encoding="utf-8"?> LinearLayout android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android
取消同步的ASIHTTPRequest请求
在网络访问时,一般都建议用异步访问,但是异步访问的话,需要传入delegate,并处理回调。不利于将所有的网络访问的方法集中到一个类中,所以我采用同步访问的方式。后来产品部们要求网络访问可以取消,但是ASIHTTP 官方文档中说同步请求是不能取消的。经过深入研究后发现新版的ASIHTTP中,同步请求实际是可以cancel的 。 检查ASIHTTPRequest类的startSynchronous方法,注意下面这段代码, if (![self isCancelled] && ![self complete]) { [self main]; while (!complete) { [[NSRunLoop currentRunLoop] runMode:[self runLoopMode] beforeDate:[NSDate distantFuture]]; } } 可以看到,在执行[self main]后,执行了个包含NSRunLoop的while循环,此循环应该就是在等待数据访问结束, 以使同步请求也可取消。while循环这段代码在旧版中是没有的。
只读设置与同步设置
Collections提供了三种方法:1、emptyXxx() 空的不可变的集合 emptyList() emptyMap() emptySet() 2、singletonXxx() 一个元素不可变的集合 singleton(T o) singletonList(T o) singletonMap(K key, V value) 3、unmodifiableXxx() 不
Vue.js NPM方法安装
由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。 淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压缩支持)
windows10下安装Vue.js的方法
一,Vue.js简介         Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。         本文的主
如何设置jquery的ajax方法为同步
Ajax请求默认的都是异步的如果想同步 async设置为false就可以(默认是true)$.ajax({ url: &quot;some.php&quot;, async: false ..... });
设置jquery的ajax方法同步和异步
用echarts弄图表的时候,获取不到数据 图上也没数据: 获取不到数据是因为ajax默认为异步请求,异步的会直接执行后面得接收代码,同时也执行获取代码,所以直接获取是接收不到数据的. 只能改成同步的,执行完当前ajax,得到数据后,才会放到自己设置得变量里面. 改了之后就可以了: 一下这种也是同步请求: $K.request.syncpostJson(basepath + &quot;/Cf...
svn自动同步到web目录的设置方法
背景       服务器(Windows Server  2008系统)上搭建VisualSVN Server,本地svn提交代码修改后,需要自动同步到服务器端的代码仓库。 设置       思路: svn的hooks目录有触发功能,有一个post-commit.bat文件(需要新建),意为“提交后执行”,通过这个功能就可以将提交代码后要做的事写到里面来执行。       操作:在
SQL2000数据库异地同步设置方法?
比如有两个SQL,一个在深圳,一个在广州rn深圳的用户连接深圳的SQL,广州的连接广州的SQL.rn那如何在SQL2000中设置.rn当深圳的用户向SQL里写数据.广州的SQL也能快速进行数据同步rn我试过SQL2000里的数据发布和订阅那个功能,不过数据同步速度太慢了...rn一进行同步,数据就可能发生重复!rn有没有高手能教教,最好能详细点
设置jquery的ajax方法为同步
jquery中所有ajax请求默认的都是异步的 如果想用同步的方式 需要把async设置为false(默认是true) $.ajax({ url: &quot;xx.action&quot;, async: false }); 全局设置Ajax属性 $.ajaxSetup({ async: false }); 全局设置后,再使用post,get就是同步的了...
服务器和本地设置同步问题
sql2005rnrn当本地修改比较多的表结构,存储过程,视图等等rnrn如何快速的同步到服务器呢
vue.js动态设置VueComponent高度遇到的问题
1.获取HTML元素高度 &amp;amp;lt;div v-for=&amp;quot;data in list&amp;quot;&amp;amp;gt; &amp;amp;lt;div ref=&amp;quot;abc&amp;quot;&amp;amp;gt;{{data.id}}&amp;amp;lt;/div&amp;amp;gt; &amp;amp;lt;/div&amp;amp;gt; mounted(){ console.log(this.$refs.abc[0].
android 异步 post请求 与 同步post请求
本文是将 通过AES加密后的数据   上传至后台      请求下来的数据经过 AES解密     :  AES解密内容   详见  http://blog.csdn.net/zl406707/article/details/77369310 使用过AsyncTask 的同学都知道一个异步加载数据最少要重写以下这两个方法: doInBackground(Params…) 后台执行
http请求设置setConnectTimeout()方法超时无响应
相信很多小伙伴在写 HttpURLConnection中都设置了setConnectTimeout()方法,目的就是在网络不好的情况下超时返回 然而我们设置的setConnectTimeout()并没有在我们想要的时间里结束请求和抛出请求超时的异常,原因在于 HttpURLConnection conn = (HttpURLConnection) url.openConnection(
axios请求设置header信息方法
return axios.get(url, { params: data, headers: {'yl-authorization': this.token}//设置header信息 }).then((res) =&amp;gt; { this.plList = res.data; if (this.plList.length &amp;lt; this.size) { this.ji...
原生JS设置Ajax请求get方法与post方法
一个验证邮箱是否已经存在的ajax var email = document.getElementById(&amp;amp;quot;email&amp;amp;quot;); // 获取email 文本框 // 验证邮箱 email.onblur = function () { // 失去焦点时 // 1. 创建XMLHttpRequest对象 var xhr = null; var emailValue = ...
代码块与方法间的同步问题
[code=Java]package study;rnrnpublic class ThreadDemorn public static void main(String args[])rn ThreadTest t = new ThreadTest();rn new Thread(t).start();rnrn tryrn Thread.sleep(100);rn rn catch(Exception e)rn System.out.println(e.getMessage());rn rnrn t.str = new String("method");rn new Thread(t).start();rn rnrnrnclass ThreadTest implements Runnablern private int tickets = 10;rn String str = new String();rn public void run()rn if(str.equals("method"))rn while(true)rn sale();rn rn elsern synchronized(str)rn tryrn Thread.sleep(100);rn rn catch(Exception e)rn System.out.println(e.getMessage());rn rn System.out.println(Thread.currentThread().getName() + " is saleing ticket " + tickets--);rn rn rn rn rn rn public synchronized void sale()rn if(tickets > 0)rn tryrn Thread.sleep(100);rn rn catch(Exception e)rn System.out.println(e.getMessage());rn rn System.out.print("test: ");rn System.out.println(Thread.currentThread().getName() + " is saleing ticket " + tickets--);rn rn rn[/code]rnrn结果怎么变到这样了??rnrnThread-0 is saleing ticket 10rntest: Thread-1 is saleing ticket 9rntest: Thread-1 is saleing ticket 8rntest: Thread-1 is saleing ticket 7rntest: Thread-1 is saleing ticket 6rntest: Thread-1 is saleing ticket 5rntest: Thread-1 is saleing ticket 4rntest: Thread-1 is saleing ticket 3rntest: Thread-1 is saleing ticket 2rntest: Thread-1 is saleing ticket 1
springboot 相同url请求同步问题
springboot 相同url请求同步问题 发现使用chrome浏览器发送多个请求到springboot服务的时候,springboot服务器挨个处理请求。 原因 因为chrome浏览器对相同请求做了排队处理。而不是springboot对消息处理进行了同步 ...
数据库同步问题,请求方案,谢谢
我现在有一个中心数据库,还有N个子系统的数据库,现在要求中心数据库的一个表例如T_User 表(id,usernane,password,cname,ename,subsystem,userid,status),id 自增。subsys1中的user(id,cname,ename,phone,address,password,status....),subsys2中的user(id,username,password,status....),还有subsys3,subsys4.....,各个subsys中的user表有些字段的名称可能不一定一致,但是代表的意思可能相同,得将重要的字段汇总到中心数据库的User表中,中心数据库的User表理论上RowNum = subsys1.user.rownum +subsys2.user.rownum....,现在的问题是,如果各个subsys中的User add,update,delete操作都得及时更新到中心的User表,做相应的数据同步,请问我该如何去做?需要在每个subsys中做相应的触发器吗,这样也太多了,可不可以有更好的办法,谢谢!
aidl方法同步和异步调用的问题
一直困扰大家的问题,aidl的同步和异步调用的问题,在使用aidl的时候框架时, 所有服务的接口都是同步调用的,但是有些业务的需要异步调用服务的接口,到这里大家都束手无策了, 在这里提供一个修改方法的同步和异步调用的模板 客户端程序: 客户端主程序 package com.wytest.client; import com.wytest.service.ICat; import andr...
相关热词 c# login 居中 c# 考试软件 c# 自然语言分析 c# 分段读取文件 c# 泛型反射 c#打断点 c# 时间转多少秒 c# 线程函数加参数 c# modbus 读取 c#查询集合表