vue组件引用另一个组件不显示的问题的一个小坑

最新推荐文章于 2025-08-02 01:06:54 发布
原创 最新推荐文章于 2025-08-02 01:06:54 发布 · 855 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文记录了一次在前端开发过程中遇到的组件引用问题：由于大小写不匹配导致组件无法正常显示。通过调整组件名称的大小写，问题得以解决。

今天写一个左侧布局 用其他组件引用

但是引用的时候不显示

看看代码

 

我感觉应该是大小写错误 所以把SideMenu改成了sideMenu 然后就成功了！！！！！

再试一次SideMenu是创建完组件自动敲代码自动提示出来的 首字母大写

我那个组件首字母是小写的 改回来就行了

 

又是一个坑。。。

 

 

 

hmbbpdx
关注
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
10-14
主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
从零撸一个pc端vue的ui组件库( 计数器组件 )
01-19
如果是涉及到处理商品数量很频繁的业务场景应该会很常见吧, 但是不要看这个组件小, 编写它的时候坑还不少, 本次我们就来做一个计数器, 目标就是尽可能小, 尽可能的省性能. 1:需求分析 每次+1 -1是常态, 但是如果搞...
vue组件引用另一个组件出现组件不显示的问题
夜听雪的博客
11-14 1万+
下载的一个vue构建的后台管理系统，导航栏是一个侧边栏，想在头部里面加一个导航 先是导入要使用的组件 import Hamburger from '@/components/Hamburger' import Nav from '@/components/Nav/index.vue' //自己新建的 然后在 components 里面写入该组件 components: { Ha...
Vue-引用组件，不显示
sam80000的博客
08-11 3116
无
vue3中组件不显示的解决方法（已解决）
m0_54568435的博客
03-13 4704
方法来动态加载 Element Plus 的组件，以避免编译时无法解析的问题。这样可以确保在运行时正确加载 Element Plus 的组件。方法来动态加载 Element Plus 的组件，可以在运行时正确解析组件，避免编译时的错误。选项1选项2选项3
vue组件嵌套组件不显示_Vue组件，用于显示图库灯箱
cuk5239的博客
07-21 756
vue组件嵌套组件不显示 Vue图像灯箱 (vue-image-lightbox) A simple image lightbox component for Vuejs Vuejs的简单图片灯箱组件 use CSS style from react-images 从react-images使用CSS样式 View demo 查看演示 Download Source 下载源 开发(NP...
vue如何二次封装一个高频可复用的组件
发果叁
10-30 2571
以一个弹框组件为例，我们二次封装组件到底需要注意哪些问题，以及我们必须注意些什么，核心思想就是继承原有组件的特性，与是核心* 当我们二次封装一个组件时，我们自定义的一些接口能少就少，组件名必须见名知意* 二次封装的组件不仅仅只是包一层，我们可以尝试用数据配置方式让组件更通用，预留一些接口插槽，或者自定义formater函数，不强制约束，让组件灵活性拓展性更强些* 组件的props名字尽量不要带来负担，最好与原有组件props保持一致* 本文。
【dropdown组件填坑指南】—怎么实现下拉菜单只显示一个实例
最新发布
qq_43816375的博客
08-02 642
Dropdown组件单例管理实践指南 本文针对dropdown组件多实例共存导致的用户体验问题，提出了一套完整的单例管理方案。通过全局管理器模式，实现同一时间只允许一个dropdown显示。解决方案包含： 核心设计： 基于Map的全局状态管理 自动关闭其他实例的机制 完善的组件生命周期管理 技术实现： 使用TypeScript构建强类型管理器 Vue3组件集成方案 支持分组管理和优先级控制 扩展功能： 点击外部区域自动关闭 ESC键快捷关闭 防止内存泄漏的清理机制 该方案有效解决了多dropdown共存时的
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
CRPER
04-10 7353
前言 这次的后台管理系统项目选型用了Vue来作为主技术栈； 因为前端时间用过React来写过项目(用了antd)，感觉很棒棒。 这次就排除了Element UI,而采用了Ant Design Vue; 分析整个项目原型后，发现又可以抽离类似之前的React表格搜索组件 React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) 效果图 响...
vue组件嵌套组件不显示
aifans_bert的博客
09-15 1256
对于基于的SPA，下面工具将帮助你：1.视图层：2.路由：vue-router，Vue的官方路由器3.状态管理：vuex，受Flux/Redux启发的状态管理解决方案4.服务通讯：vue-resource这是和RESTful后端交互的接口5.构建工具：Webpack和vue-loader进行模块热刷新ES2015和预处理器等重要的组件视图层本系列假设您已经熟悉的基础知识，将用于大型SPA时的核心概念是：将应用程序分为许多嵌套的自定义组件。虽然NPM开始是后端模块的包管理器，但它现在也广泛用于前端包管理。
在App.vue中引入vue组件，页面上不显示组件也不报错的问题
热门推荐
qq_39655431的博客
04-03 1万+
如图：两个组件在页面上不显示 原因： < template> （将要渲染的HTML）必须是包含在一个标签里面的。 解决： 最外层加个div包起来就行 代码示例： 在App.vue中引入一个组件 App.vue <template> <div> <addition></addition> <p>--------------------</p> </div> </template&g
vue组件嵌套组件不显示_动态显示Vue组件
cuk0051的博客
08-30 3000
vue组件嵌套组件不显示 使用条件指令 (Using conditional directives) The simplest option is to use the v-if and v-else directives. 最简单的选择是使用v-if和v-else指令。 Here’s an example. The v-if directive checks the noTodos com...
vue--子组件在嵌套组件时报错问题
weixin_51040108的博客
10-13 1368
vue--子组件在嵌套组件时报错问题
vue3 component is 不显示
MAIMIHO的博客
11-02 1065
通过名称传递必须先对其进行注册, 将组件本身传递给。而不是其名称，则不需要注册。
Vue3导入Elementplus时组件无法加载的情况
weixin_61186473的博客
03-25 2696
上面一种写法中app的声明是ElementPlus注册之后才创建的，也就是说Element注册被调用时，注册到了一个还没有产生，并不存在的“app”上，这样的注册显然是空的无效的。这个案例提供的思考应该不仅限于此，可以说，Vue3 CLI自带的main.js虽然简化了app全局注册的写法，但是在需要注册其他绑定app的依赖时，都需要采用后者的写法。经排错，是由于main.js文件中完整导入时，自作主张将Vue3自带的生成段和ElementPlus提供的部分注册段结合了。
vue多层嵌套子路由不显示
weixin_44032244的博客
09-20 1409
组件Weekends的路由为“/schedule/weekends”，要在父组件中渲染需要配置router-link（访问链接，相当于html中的。
vue3自定义组件无法显示问题
m0_73997007的博客
09-29 3097
vue3自定义组件无法显示问题
日常记录vue3按需引入element-plus的组件而样式不显示的问题
huadu002193的博客
05-11 1432
我是在package.json中直接改然后在控制台执行pnpm install。这时将unplugin-vue-components改为0.26.0就行了。在网上搜索了很多方法未解决，最后突然想到会不会是插件版本问题；我安装时unplugin-auto-import@0.17.5。ELMassage是eslint检测未引入报错，不必理会；虽然没有出现el-button样式，但点击绑定生效；后，运用官方组件仍然显示不出一些样式。npm,yarn语法应该也一样。结果还真的就是版本引起的；插件默认安装最新版；
uniapp小程序写一个自定义弹窗组件覆盖底部导航
03-13
好的，用户让我介绍一下如何在Uniapp小程序中写一个自定义弹窗组件覆盖底部导航。首先，我需要回忆一下Uniapp的结构和小程序的限制。底部导航通常使用uni-tabbar组件，默认层级可能较低，所以弹窗要覆盖它的话，必须...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值