您现在的位置是:首页 > 正文

解决vue 路由子组件created和mounted不起作用问题

2024-02-01 03:58:40阅读 2

解决vue 路由子组件created和mounted不起作用问题

判断项目是否启用keep-alive

启用

  1. 使用exclude排除组件(我没有成功不知道为什么)
    <keep-alive exclude="needExcludeComponentName">
     <router-view></router-view>
    </keep-alive>
    
  2. 使用v-if判断(成功解决)
    <keep-alive  v-if="!$route.meta.noKeepAlive">
     <router-view></router-view>
    </keep-alive>
    <router-view v-if="$route.meta.noKeepAlive"></router-view>
    
    可以看到,我是通过meta里面的属性来判断,决定只用哪种router-view的,属性名称可以随便取,因为我这里是成形项目,路由比较多,原本也没有这个属性,所以加了一个noKeepAlive来判断

未启用

代码写错了,建议去看官方文档(生命周期),其中有对生命周期的讲解

网站文章

  • hybris笔记

    1.localextensions.xml的extension可以用dir定义也可以name定义,用name定义的话,编译的时候会去找extensioninfo.xml2.更改了items.xml的话,需要重新 ant  build initialize...

    2024-02-01 03:57:59
  • SVN命令使用详解

    标签: it分类: 服务器运维1、检出svn  co  http://路径(目录或文件的全路径) [本地目录全路径]  --username 用户名 --password 密码svn  co  svn://路径(目录或文件的全路径) [本地目录全路径]  --username 用户名 --password 密码svn  checkout 

    2024-02-01 03:57:52
  • WebSocket介绍和Socket的区别

    WebSocket介绍和Socket的区别

    WebSocket介绍与原理 WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。 ——百...

    2024-02-01 03:57:48
  • vue 点击事件失效检查办法

    vue 点击事件失效检查办法

    看你一下你的元素控件的真实size是不是根本没有撑起来加上样式把界面撑起来检测一下margin之类的例如vue控件vue-seamless-scroll 实现列表滚动效果 但是做页面自动滚动的时候 如...

    2024-02-01 03:57:19
  • 电阻衰减网络计算(PI型和T型)

    电阻衰减网络计算(PI型和T型)

    以前比较懒,网上下载个计算器,手动将需要的值输进去,点下计算,结果就出来。从来没想过到底怎么算了,无意中看到一篇文章摘抄下来备用:若衰减器的电压衰减倍数 N = (U1/U2)和特征阻抗Zc决定,那么R1和R2可由下面公式计算得出:对于T型衰减器(上左):对于PI型衰减器(上右):下面举例说明:对于Zc=50oHm的阻抗网络中6dB PI型电阻衰减器的R

    2024-02-01 03:57:11
  • Flink使用(一) Streaming API处理有界流

    前提: 目前,Flink版本支持,批流处理使用一套API完成。 即,使用DataStreamAPI既能处理流数据,又能处理批数据(有界流)。 如何使用DataStream API处理数据,并且以BAT...

    2024-02-01 03:57:07
  • Python 字典(2)

    Python 字典(2)

    一、遍历字典一个字典可能会包含多个键-值对,字典可以以多种方式存储信息,因此有多种遍历字典的方式,比如键-值对、键、值。  1、遍历所有的键-值对  user_01 = {'username':'tizer','first_name':'joker','last_name':'pon',}  以上面的字典为例,遍历键-值对:  使用函数 items():...

    2024-02-01 03:56:38
  • element-ui的el-table,使用sortablejs改造成可拖拽排序

    element-ui的el-table,使用sortablejs改造成可拖拽排序

    element-ui的el-table,使用sortablejs改造成可拖拽排序。

    2024-02-01 03:56:31
  • 操作系统存储器管理实验报告_别只做CRUD程序员,收下这篇操作系统干货(一)!...

    操作系统存储器管理实验报告_别只做CRUD程序员,收下这篇操作系统干货(一)!...

    一、操作系统概念1.计算机系统组成任何一个计算机系统都是由两部分组成:计算机硬件和计算机软件。- 计算机硬件通常是由中央处理机(运算器和控制器)、存储器、输入设备和输出设备等部件组成。- 计算机软件包括系统软件和应用软件。系统软件如操作系统、多种语言处理程序( 汇编和编译程序等 )、连接装配程序、系统实用程序、多种工具软件等; 应用软件为多种应用目的而编制的程序。2.操作系统的非形...

    2024-02-01 03:56:24
  • 软件测试-测试的时候获取验证码的方式

    软件测试-测试的时候获取验证码的方式

    问开发他们创建的表在哪里,找到那个验证码的表,打开,就可以看到测试的时候用的电话号码返回的验证码。在测试服打开f12,再点击获取验证码,通过network找到相对应的url,找到验证码。我的学习之路任重道远,咱们下期见~~~

    2024-02-01 03:55:50