vue 解决异步数据更新问题
问题
记录一下出现的问题,数据翻倍
这是复现问题的代码
data(){
return{
space:"",
allresult:[]
};
},
methods:{
getmessage(){
this.allresult=[];
axios
.get(
"https://gist.githubusercontent.com/xiaolannuoyi/9b0defe4959e71fa97e6096cc4f82ba4/raw/4be939123d488cee7ecefc055fb5ecb2ed8d5c8d/test"
)
.then(data=>{
console.log(data);
letresult=data.data;
for(leti=0;i
结果
此时你可以看到第二次的数据时是第一次的2倍
原因
mounted和watch都执行getmessage方法,虽然方法之前对数据进行了清空,但是异步请求执行的慢,
所以两次调用getmessage相当于this.allresult=[];this.allresult=[];axios...;axios....:这个顺序
所以才会出现上述现象
解决
1.修改this.allresult=[]的位置
2.新建一个临时空数组
以上这篇vue解决异步数据更新问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。