vue项目解决app.vue中其他页面用不到的组件一闪而过的现象

本文主要是介绍vue项目解决app.vue中其他页面用不到的组件一闪而过的现象，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在vue项目里，公共的组件可以写到app.vue里面，每个页面基本都可以用到，但是login页面肯定用不到。怎么解决这个问题？

方法一：通过路径去判断

div id=“app”
Header v-if="!(path === ‘/login’)" /Header
router-view/
/div

data () {
return {
path: ‘’
}
},
mounted () {
this.path = this.$route.path
},
watch: {
$route (to, from) {
this.path = to.path
}

弊端：通过路径判断，会出现闪烁，然后再消失的情况。

方法二：通过route的参数来传递

Header v-if="$route.meta.requireLogin"

在路由里设置
meta: {
requireLogin: true
}
这样就不会出现闪烁的现象了

这篇关于vue项目解决app.vue中其他页面用不到的组件一闪而过的现象的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---