vue 路由子组件created和mounted不起作用的解决方法


Posted in Javascript onNovember 05, 2019

判断项目是否启用keep-alive

启用

使用exclude排除组件(我没有成功不知道为什么)

<keep-alive exclude="needExcludeComponentName">
 <router-view></router-view>
</keep-alive>

使用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来判断

未启用

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

以上这篇vue 路由子组件created和mounted不起作用的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
csdn 批量接受好友邀请
Feb 19 Javascript
JS中eval函数的使用示例
Jul 21 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
Nov 25 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 Javascript
js实现多图左右切换功能
Aug 04 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
原生js实现图片放大缩小计时器效果
Jan 20 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
详解Node.js如何处理ES6模块
May 15 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 #Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 #Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 #Javascript
vue 解决路由只变化参数页面组件不更新问题
Nov 05 #Javascript
vue 实现路由跳转时更改页面title
Nov 05 #Javascript
Node.js开发之套接字(socket)编程入门示例
Nov 05 #Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 #Javascript
You might like
Yii框架中memcache用法实例
2014/12/03 PHP
PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
2019/04/27 PHP
JS写的数字拼图小游戏代码[学习参考]
2008/10/29 Javascript
JavaScript 常用函数库详解
2009/10/21 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
Python编程实现蚁群算法详解
2017/11/13 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
Python实现基于C/S架构的聊天室功能详解
2018/07/07 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
对python 读取线的shp文件实例详解
2018/12/22 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
python使用列表的最佳方案
2020/08/12 Python
日本网路线上商品代购服务:转送JAPAN
2016/08/05 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
工商企业管理实习自我鉴定
2013/12/04 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
爱心捐款感谢信
2015/01/20 职场文书
介绍信的格式
2015/01/30 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang
matplotlib如何设置坐标轴刻度的个数及标签的方法总结
2021/06/11 Python
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript