每次进入页面时都执行created、前进刷新,返回不刷新
思路:
利用 keep-alive与vue-router配合使用 ,判断哪些页面需要每次进入刷新,哪些页面不需要每次进入刷新;
keepAlive: true // 不需要每次进入刷新
代码:
app.vue
<div id="app">
<!-- <div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div> -->
<m-header
v-if="header_show"
:menush="menush"
:headertop="headertop_top"
:iflogo="iflogo"
:ifnavtit="ifnavtit"
:navtit="navtit"
/>
<!-- <router-view @header="header"
@footer="footer"
@headertop="headertop"
@menushow="menushow"
@mlogo="mlogo"
@mnavtit="mnavtit"
@navtxt="navtxt"
:key="$route.fullPath" /> -->
<keep-alive>
<router-view
data-id="1"
v-if="$route.meta.keepAlive"
@header="header"
@footer="footer"
@headertop="headertop"
@menushow="menushow"
@mlogo="mlogo"
@mnavtit="mnavtit"
@navtxt="navtxt"
:key="$route.fullPath"
></router-view>
</keep-alive>
<router-view
data-id="2"
v-if="!$route.meta.keepAlive"
@header="header"
@footer="footer"
@headertop="headertop"
@menushow="menushow"
@mlogo="mlogo"
@mnavtit="mnavtit"
@navtxt="navtxt"
:key="$route.fullPath"
></router-view>
<m-footer v-if="footer_show" />
</div>
router.js
import Vue from "vue";
import Router from "vue-router";
import dingwei from "@/views/dingwei.vue";
import mIndex from