vue 路由子组件created和mounted不起作用的解决方法
更新时间：2019年11月05日 15:19:55 作者：洋洋洒洒做开发
今天小编就为大家分享一篇vue 路由子组件created和mounted不起作用的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
判断项目是否启用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不起作用的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Echarts，它是一个与框架无关的 JS 图表库，但是它基于Js，这样很多框架都能使用它，例如Vue，估计IONIC也能用，因为我的习惯，每次新尝试做一个功能的时候，总要新创建个小项目，做做Demo2022-09-09
这篇文章主要介绍了Vue 进阶之路，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了vue-gird-layout组件封装示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
在Vue中，computed属性是一种计算属性，它的值是根据其他数据的值动态计算出来的，下面小编主要来和大家聊聊Vue 3的组合式API中如何使用computed属性，感兴趣的小伙伴快跟随小编一起了解一下吧2023-06-06
这篇文章主要给大家介绍了关于vue浏览器返回监听的具体步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
下面小编就为大家带来一篇浅谈Vue.js 1.x 和 2.x 实例的生命周期。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本篇文章主要介绍了vue-router：嵌套路由的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
在这里就不过多说watch的用法了，这篇文章主要通过案例带大家了解一下如何清除过期的副作用。文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2023-01-01
vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目。本文介绍了vue-cli4.5.x快速搭建项目，感兴趣的可以了解一下2021-05-05
这篇文章主要介绍了Vue-cropper 图片裁剪的基本原理及思路讲解，本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下2018-04-04
最新评论