相关文章推荐
茫然的钥匙  ·  流程设置-条件分支-全浏览器支持的轻量化AS ...·  1 月前    · 
悲伤的墨镜  ·  全局变量的实现方式 | uView - ...·  1 月前    · 
才高八斗的茄子  ·  全局变量的实现方式 | uView 2.0 ...·  1 月前    · 
打篮球的自行车  ·  vue如何获取数组中的键值 • ...·  1 月前    · 
好帅的丝瓜  ·  用 Jest 测试单文件组件 | Vue ...·  2 周前    · 
温文尔雅的铁链  ·  武汉2022年计划供地7.1万亩,其中住宅用 ...·  4 月前    · 
微醺的大象  ·  【PNAS】联合发表!南医大黎孟枫合作中山大 ...·  1 年前    · 
微笑的大象  ·  可以将一个网页应用「打包」成一个桌面应用吗? ...·  2 年前    · 
大方的柚子  ·  河南国资,牵手知名车企!|河南省_新浪财经_新浪网·  2 年前    · 
文质彬彬的显示器  ·  盘点主流APP使用友盟产品的实践总结 - 掘金·  2 年前    · 
Code  ›  vue.js - vue 使用v-if时有什么办法只让mounted钩子 只在第一次创建时候执行 之后都不执行吗 -
vue
https://segmentfault.com/q/1010000038486629
健身的雪糕
2 年前
segmentfault segmentfault
注册登录
问答 博客 标签 活动
发现
✓ 使用“Bing”搜本站 使用“Google”搜本站 使用“百度”搜本站 站内搜索
注册登录
  1. 首页
  2. 问答
  3. vue.js
  4. 问答详情

vue 使用v-if时有什么办法只让mounted钩子 只在第一次创建时候执行 之后都不执行吗

头像
wswhy3
199 6 59 122
发布于
2020-12-15

期望实现:

父组件的点击事件里 反复创建销毁<child>子组件时,子组件的mounted只执行一次

(不能使用 v-show 因为首次进入页面的时候 必须通过点击事件触发)

父组件

<button @click="click"><button>
<child v-if="show"></child>
data() {
    return {
        show:false
methods:{
    click(){
       this.show = !this.show;
}

子组件

<template></template>
<script>
    export default {
        methods: {
            request() {
                一个axios请求函数
        mounted(){
        //执行这个请求
            this.request();
 
推荐文章
茫然的钥匙  ·  流程设置-条件分支-全浏览器支持的轻量化ASP.NET CORE VUE前后端分离工作流程引擎!
1 月前
悲伤的墨镜  ·  全局变量的实现方式 | uView - 多平台快速开发的UI框架 - uni-app UI框架
1 月前
才高八斗的茄子  ·  全局变量的实现方式 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架
1 月前
打篮球的自行车  ·  vue如何获取数组中的键值 • Worktile社区
1 月前
好帅的丝瓜  ·  用 Jest 测试单文件组件 | Vue Test Utils
2 周前
温文尔雅的铁链  ·  武汉2022年计划供地7.1万亩,其中住宅用地1.5万亩_地产界_澎湃新闻-The Paper
4 月前
微醺的大象  ·  【PNAS】联合发表!南医大黎孟枫合作中山大学蔡俊超揭示ATOH8结合SMAD3诱导细胞衰老并阻止Ras驱动的恶性转化_ras_研究_作用
1 年前
微笑的大象  ·  可以将一个网页应用「打包」成一个桌面应用吗? - 知乎
2 年前
大方的柚子  ·  河南国资,牵手知名车企!|河南省_新浪财经_新浪网
2 年前
文质彬彬的显示器  ·  盘点主流APP使用友盟产品的实践总结 - 掘金
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号