Vue.js vue保持活动状态不工作
我在vue应用程序中使用vue路由器 虽然我设置了保持活动,但每次都会刷新内容页 已安装的挂钩和已激活的挂钩在每次 输入内容页 原谅我英语不好Vue.js vue保持活动状态不工作,vue.js,Vue.js,我在vue应用程序中使用vue路由器 虽然我设置了保持活动,但每次都会刷新内容页 已安装的挂钩和已激活的挂钩在每次 输入内容页 原谅我英语不好 提前谢谢 //home.vue <div id="home"> <topnav ref="childMethod"></topnav> <div class="mobile_header" ref="mobile_header"><img src="../ass
提前谢谢
//home.vue
<div id="home">
<topnav ref="childMethod"></topnav>
<div class="mobile_header" ref="mobile_header"><img src="../assets/img/menu.png" @click="nav()"><p>earnest的小站</p></div>
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
<div id="iconfont1" @click="gotop1()" v-show="show" title="回到顶部"></div>
<myfooter></myfooter>
</div>
//app.vue
<div id="app">
<!-- 不管写没写跟路由都在APP。vue里面?一定要加上这一句 -->
<loading v-show="isloading"></loading>
<router-view></router-view>
</div>
我认为您需要向keep-alive元素添加include=“mycomponentname、mynextcomponentname等”属性。您还需要对这些组件进行全局命名和注册。然后,您可以从路由中删除元数据,只需让路由按名称与组件匹配即可: 应用程序的根vue文件:
<template>
<div id="app">
<main role="main">
<keep-alive include="somecomponent">
<router-view class="view"></router-view>
</keep-alive>
</main>
</div>
</template>
<script>
include SomeComponent from "../path/to/some-component"
Vue.component("some-component", SomeComponent)
</script>
包括来自“./path/to/some component”的SomeComponent
组件(“某些组件”,某些组件)
在此处查看有关组件名称匹配的更多详细信息:
在查看路由器上使用唯一密钥
<template>
<div id="app">
<main role="main">
<keep-alive include="somecomponent">
<router-view class="view"></router-view>
</keep-alive>
</main>
</div>
</template>
<script>
include SomeComponent from "../path/to/some-component"
Vue.component("some-component", SomeComponent)
</script>