vue缓存当前路由（在输入框中输入信息后，跳转其他路由再回来，仍可看到刚刚输入的内容等）

缓存路由页面的当前状态；

 

 <transition name="fade" mode="out-in">
    <keep-alive>
       <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
 </transition>
 <router-view v-if="!$route.meta.keepAlive"></router-view>

 

在router ==> index.js中添加

meta: {

　　keepAlive: true

}

注：将transition动态效果添加在外层；v-if="!$route.meta.keepAlive" ，显示 的是不缓存的路由；

有静态路由和动态路由混合时，需要加此判断；

 

原文链接：http://www.cnblogs.com/lesliejavascript/p/11102519.html