Vue 如何返回页面时不重新发接口

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 如何返回页面时不重新发接口相关的知识,希望对你有一定的参考价值。

参考技术A 1 app.vue 里面 注意route.meta.keepAlive
<template>
<div id="app">
<transition :name="transitionName">
<router-view class="child-view" v-if="! route.meta.title'></router-view>
</transition>
<transition :name="transitionName">
<keep-alive>
<router-view class="child-view" v-if=" route.meta.title'></router-view>
</keep-alive>
</transition>
<loading></loading>
</div>
</template>

2 index.js里面,在不想刷新的地方 添加keepAlive:true

3 写方法
就是A跳B,如果不想让A重新发接口,就在B页面加,然后B返回A的时候,A就不发接口了
beforeRouteLeave(to, from, next)
// 设置下一个路由的 meta
to.meta.keepAlive = true; // 让 A 缓存,即不刷新
next();
,

接口返回这样的数据,vue如何获取data中的数据?

用this.setdata(
shuju1
:
shuju2
)
shuju1:你自己命名的名字,
shuju2:调用接口后返回的数据,
然后你页面就可以用shuju1,这样来获取了。
参考技术A 你是拿哪个变量接收的返回数据
比如如果你使用变量叫res接收的的话,如果向获取里面的pid的话,针对这条数据,就是
res.data[0].pid
因为data是个数组,虽然这里面只有一个元素

以上是关于Vue 如何返回页面时不重新发接口的主要内容,如果未能解决你的问题,请参考以下文章

接口返回的一个图片文件, 前端用vue如何显示?

vue中,前端如何保存后端的接口返回值

php 如何在页面刷新时不重复操作数据库?

vue怎么获取到接口返回数据后再调其他方法

接口返回这样的数据,vue如何获取data中的数据?

vue ie浏览器 页面缓存 不请求接口