【vue】vue用了keep-alive生命周期只执行一次怎么办？

activated和deactivated也是生命周期，是专门为了使用了keep-alive的组件准备的，activated每次组件出现都会调用，deactivated每次组件离开都会调用。实例：activated(){this.loadInfo();//每次进入组件都获取一遍详情},deactivated(){this.dialogVisible = false;//弹窗未关闭，意外离开组件时，

小孟js

947人浏览 · 2022-03-01 17:08:35

小孟js · 2022-03-01 17:08:35 发布

activated和deactivated也是生命周期，是专门为了使用了keep-alive的组件准备的，activated每次组件出现都会调用，deactivated每次组件离开都会调用。
实例：

activated(){
    this.loadInfo();//每次进入组件都获取一遍详情
},
deactivated(){
    this.dialogVisible = false;//弹窗未关闭，意外离开组件时，触发关闭弹窗动作
},

上一篇：vue子组件修改父组件数据，不使用v-model的形式
 下一篇：js插入排序

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}$/, //不连续的两位字母// /^