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 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
JQuery打造省市下拉框联动效果
May 18 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
详解Document.Cookie
Dec 25 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
vscode中使用npm安装babel的方法
Aug 02 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP封装curl的调用接口及常用函数详解
2018/05/31 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
Javascript基础教程之switch语句
2015/01/18 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
JS Input里添加小图标的两种方法
2017/11/11 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
2018/08/20 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
浅谈js闭包理解
2019/04/01 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
python requests 使用快速入门
2017/08/31 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
python 获取等间隔的数组实例
2019/07/04 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
python datetime中strptime用法详解
2019/08/29 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
中层干部竞争上岗演讲稿
2014/01/13 职场文书
客户服务经理岗位职责
2014/01/29 职场文书
村道德模范事迹材料
2014/08/28 职场文书
工作散漫检讨书
2014/09/16 职场文书
加强干部作风建设整改方案
2014/10/24 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
安全教育日主题班会
2015/08/13 职场文书