【Vue】通过keep-alive实现路由组件的数据缓存

1、在<router-view></router-view>加入keep-alive

      <!-- 注意:include缓存的是组件名 -->
      <keep-alive include="Menu_1">
        <router-view></router-view>
      </keep-alive>

2、如果缓存多个路由组件名

 <keep-alive include="['Menu_1','Menu_2']">

3、全局缓存 - App.vue组件中加入keep-alive标签

  <div id="app">
  	<keep-alive>
	    <div>
            ...
	    </div>
    </keep-alive>
  </div>

猜你喜欢

转载自blog.csdn.net/dxnn520/article/details/125164922