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 相关文章推荐
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
最全面的百度地图JavaScript离线版开发
Sep 10 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
Javascript快速实现浏览器系统通知
Aug 26 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 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
PHP 数组入门教程小结
2009/05/20 PHP
PHP进程同步代码实例
2015/02/12 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
装修五一活动策划案
2014/01/23 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
三万活动总结
2014/04/28 职场文书
排查整治工作方案
2014/06/09 职场文书
医院保洁服务方案
2014/06/11 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
门卫岗位职责
2015/02/09 职场文书
综合素质评价自我评价
2015/03/06 职场文书
电工实训心得体会
2016/01/14 职场文书
导游词之日本富士山
2020/01/06 职场文书