VUE：keep-alive的两个钩子函数activated与deactivated activated不触发 deactivated不触发

如下转自Vue官网：https://cn.vuejs.org/activated类型：func触发时机：keep-alive组件激活时使用；deactivated类型：func触发时机：keep-alive组件停用时调用；

css3html5csdn

6724人浏览 · 2019-05-14 16:42:13

css3html5csdn · 2019-05-14 16:42:13 发布

如下转自Vue官网：https://cn.vuejs.org/v2/api/#activated
activated
类型：Function

keep-alive 组件激活时调用。
该钩子在服务器端渲染期间不被调用。

deactivated
类型：Function

详细：

keep-alive 组件停用时调用。

该钩子在服务器端渲染期间不被调用。

keep-alive激活状态

    <keep-alive>
      <router-view />
    </keep-alive>

keep-alive未激活状态

<keep-alive>
   <div>
     <router-view />
   </div>
</keep-alive>

keep-alive仅支持第一个元素,单节点激活

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^