vue keep-alive include和exclude用法

作者: drneilc | 来源:发表于2020-03-31 09:26 被阅读0次

用法为三种：

1、字符串用逗号隔开

<keep-alive exclude="a,b">

<router-view class="Router" :class="{'has-footer': hasFooter}" />

</keep-alive>

2、正则表达式

<keep-alive :exclude="/a|b/">

<router-view class="Router" :class="{'has-footer': hasFooter}" />

</keep-alive>

3、数组

<keep-alive :exclude="['a','b']">

<router-view class="Router" :class="{'has-footer': hasFooter}" />

</keep-alive>

注意点：

1、用法1和2不要出现空格（习惯害死人）；

2、exclude和include用法要求在需要的组件内声明name，否则无效。

vue keep-alive include和exclude用法
详情见https://cn.vuejs.org/v2/api/#keep-alive 用法为三种： 1、字符串用逗...
浅谈keep-alive（一）
keep-alive是 Vue 内置的一个组件，可避免重新渲染。include：包含的组件缓存。exclude：排...
Vue keep-alive 动态控制页面缓存（动态路由可用）
当我们不用动态路由时，可以用官方文档 keep-alive 的 include 和 exclude，通过组件 n...
keep-alive include和exclude无效问题
注意：include可以使xxx,bbb,ccc或者:include为一个包含组件name值的数组缓存的组件都写...
vue中keep-alive 前进后退时页面数据缓存和刷新问题
vue中keep-alive 前进后退时页面数据缓存和刷新问题 keep-alive用法： 1、在app.vue中...
vue组件中name的作用/vuex简单笔记
vue每个组件中name的作用：递归组件想对某个页面取消缓存的时候，比如
keep-alive实现原理
一、前言本文介绍的内容包括： keep-alive用法：动态组件&vue-router keep-alive源码...
vue路由在keep-alive下的刷新问题和路由监听
1.在keep-alive中直接添加 include，cachedViews（Array类型：包含vue文件的组件...
vue的name作用有哪些
1.使用递归组件需要用到它 2.使用keep-alive 中exclude="name"用到它 3.使用VUE D...
Yum include and exclude
yum include 可以使某个repo只包含哪些包。下面这样的配置会使这个repo只能使用vlc的包：下面...