踩坑记录：Vue如何在其他组件中禁止使用APP.vue公共组件中的内容

最新推荐文章于 2023-12-22 12:01:44 发布
最新推荐文章于 2023-12-22 12:01:44 发布
阅读量1k 收藏 5
点赞数 4
文章标签： vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56665734/article/details/118549718
版权

首先看图片

APP.vue

在你公共标签中加入if="!$route.meta.showNav"  

router/index.js 路由表

在不显示公共组件的页面中加上meta：{showNav：true} 

Wang便签
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
解决vue项目中某一页面不想引用公共组件app.vue的问题
10-14
主要介绍了解决vue项目中某一页面不想引用公共组件app.vue的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
10-16
主要介绍了vue App.vue里的公共组件改变值触发其他组件或.vue页面监听,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue中全局引入的组件如何在特定页面不引入
lannieZ的博客
11-11 1601
在App.vue对全局组件进行监听，利用v-if进行显示和隐藏 <template> <div id="app"> <div v-if="headerShow"> <Head></Head> </div> <router-view/> </div> </...
vue如何让公共入口的样式在指定的组件中不生效
灵魂和肉体总要有一个在路上
11-07 711
首先确定一点的是，下面的操作都是在入口文件中完成 一、在想不生效的区域添加v-show 比如我不想入口文件el-header下的样式在login组件也生效 v-show="!(path ==='/login')" //注意感叹号在括号外，三个等号不是一个 如果想同时指定多个不生效的组件，用||隔开 二、在data、mounted、watch中定义好 data () { return { path:'', } }, mounted(){ this.
vue项目中某一页面不想引用公共组件app.vue解决办法
热门推荐
彳亍的博客
04-15 1万+
Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢? vue中文文档：https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%...
vue项目启动后google浏览器无法访问“app.js中vue未被定义”
wuxiaowu123的博客
09-18 2603
由于这是昨天遇到的问题，具体报的错怎麽提示的忘了，大体意思就是标题中的错，在其他浏览器都正常访问，而且在这之前正常的项目也无法用google浏览器访问了，都是报这个错，那么怎麽解决呢？ 在网上查了好多，都没能解决这个问题，网上大多是引入式的单页面vue解决方案，对我也没用，我用的是vue框架，最终怎麽解决的呢？ 打开google浏览器的设置->高级设置->清除浏览数据，重新打开go...
VUE中使用路由能够实现跳转却不显示内容
qq_44258878的博客
02-16 1682
VUE中使用路由能够实现跳转却不显示内容 使用VUE的时候，利用路由跳转界面的话，需要在Index.html加上一句代码 <rouer-view></rouer-view> 原本的index.html如下： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
vue 单页面内不想引用app.vue中的公共组件的解决方法
m0_55315930的博客
09-15 1079
Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢? vue中文文档：https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8F%82%E6%95%B0%E7%9A%84%E5%8F%98%E5
vue3在App.vue写的全局组件让指定页面不显示
ddf__的博客
03-12 382
route.meta.shovalues"，shovalues是自己起的名字，然后在index.js中，把。首先在App.vue项目把你的导航栏用一个div包起来，并设置v-if属性，因为v-if是取反，比如在App.vue写的导航栏需要在每个页面都用到，但是登录页面用不到该怎么让登陆页面不显示，
vue-svelte-adapter:在Vue.js中使用Svelte组件
05-16
在Vue.js中使用Svelte组件。 用法 通过npm安装： $ npm install vue-svelte-adapter 首先，制作一个Svelte组件： < p> {{ message }} < script > export default { data ( ) { return { message : '...
vue-glitch::ghost: Vue.js 组件可以在任何类型的文本中应用毛刺效果
08-04
Vue 故障 :ghost: Vue.js 组件在任何类型的文本中应用毛刺效果安装$ npm i -S vue-glitch# or$ yarn add vue-glitch全球注册 // main.jsimport Vue from 'vue' ;import Glitch from 'vue-glitch' ;Vue . component ...
vue 公用页面引用_解决vue项目中某一网页不想引用公共组件app.vue的问题
weixin_29817925的博客
02-22 1085
Vue 单网页应用 把公共组件放在 app.vue 但是我希望某个网页没有这些公共组件如何办(比如登录网页)每个网页都有 导航栏 但是我希望 登录网页只有一个背景色和一个登录框 没有导航栏 那应该怎样设置呢?vue中文文档：点击进入在根组件中：在导航栏使用v-show判断当前路由是否是不需要的组件来完成网页：import HomeHeader from './components/header/H...
关于 Vue 的使用中的一些注意事项和技巧
太空编程
04-14 347
我们很熟悉在 template 模板中使用自定义指令的方式，直接通过v-指令名，而 Vue 提供了和两个接口，前者可以获取到自定义的指令添加到第二个接口的回调参数中我们如何在 Vue 应用中自定义在 html 中可以使用的元素，可以分三步完成：第一步：通过 Vue 提供的接口import {第三步：在 HTML 结构中直接使用该自定义元素
Vue中实现样式隔离的常用方法
最新发布
前端小白的博客
12-22 622
在 Vue 单文件组件中，可以借助 module 特性启用 CSS Modules 功能，在样式文件中使用类似 :local(.className) 的语法来定义局部样式。CSS Modules 会自动生成唯一的类名，并在编译时将类名与元素关联起来，从而实现样式的隔离和局部作用域。使用这种方式，可以直接在组件代码中编写样式，并通过 JavaScript 对象或模板字符串的形式动态生成样式。通过在样式类名中添加前缀或特定的命名约定，可以减少样式冲突的可能性。可以通过使用特定的命名约定来实现样式的隔离。
Vue-混入(mixin)使用及注意事项
栀蒽coding_的博客
03-18 3037
Vue-混入(mixin)使用及注意事项
vue脚手架里设置App.vue为首页登录页面(模拟，不验证账号密码),登录后无残留跳转页面(vue-router路由设置path: ‘ ‘ , component为登录页面)
BKayun的博客
07-21 3196
vue脚手架里设置App.vue为首页登录页面(模拟，不验证账号密码),登录后无残留跳转页面(vue-router路由设置path: ' ' , component为登录页面)
vue中更换字体，本地存储字体非引用在线字体库
boy火巨的博客
07-11 5191
1，首先把下载的字体 两种格式放到本地 2，新建文件夹 3，在这个文件里写 4，这main.js 里引用 5，在style里引用字体，结束！
vue中页面不需要引用app.vue里公共头部组件
weixin_44145526的博客
08-18 2935
vue中页面不需要引用app.vue里公共头部组件 如果有一个页面不需要引入公共头部组件，比如登录页，只需要一个登录框和logo组成的页面。如图，不需要引入公共logo,就要用v-show来判断，是否显示。 data中定义path，在mounted中设置this.path=当前页面路由，再监测路由变化。 ...
vue项目中如何把公共组件app.vue内容放到其他组件下
06-09
在Vue项目中，可以通过使用插槽（slot）来将App.vue中的公共组件内容嵌入到其他组件中。 具体做法如下： 1. 在App.vue中将公共组件的内容放在一个具有特定名称的插槽中，例如： ```html <div id="app"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值