vue 自定义的组件没有显示，可能是引入名字不对

已于 2023-04-21 21:39:12 修改
阅读量1.4k 收藏 2
点赞数 1
分类专栏： vue 文章标签： elementui 前端 javascript vue
于 2023-03-24 18:06:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46940100/article/details/129755781
版权

在网上查找了很多答案，都没有解决我遇到的问题！！！

1.我在目录/index/left下面,新建立menu.vue，作为局部组件使用

menu.vue内容如下：

2.在目录inde下的test.vue文件中引入menu组件，却发现没有渲染

 

3.最后觉得是不是组件名字与文件名字相同，导致渲染不起效果的问题，就修改了引入组件的名字，结果渲染成功

路.晨
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 自定义组件
江西第一深情的博客
11-14 812
vue 自定义组件（局部、全局）
使用VUE自定义组件封装数据字典实战
03-07
本文主要探讨的是如何使用Vue自定义组件来封装数据字典，以下拉列表为例。 首先，使用Element UI的`el-select`组件可以直接创建下拉列表，但这种方式在处理多个字典数据时会变得复杂。因为每个字典都需要单独请求...
vue 引入自定义组件失效
a_tzluy的博客
06-23 2506
删除原有components，引入的时候，让它自动生成一份，还没搞懂什么原理，记录一下，有空研究
el-tabs作为子组件使用页面空白
xixi_csdn的博客
05-01 680
如果el-tabs是子组件，父组件传值value / v-model为空字符，这个时候在watch中监听value / v-model就会发现监听的数据会被调用为‘0’。一定是作为子组件引用，且在watch进行监听，且vuex没有缓存。就刚进入页面的时候会出现空白页面，点击tab之后就不会再有问题了，因为value / v-model数据更新了。当然如果你的tabPanes中的code原本就为‘0’，那就不会出现这个问题了，因为value / v-model匹配的到页面。
Vue 自定义组件
qq_41775769的博客
03-13 2万+
Vue 自定义组件与使用 1. 初识组件   组件：如果项目中多次用到类似的效果，就可以把这个效果进行自定义组件。新建项目后默认存在 HelloWorld.vue 就是一个组件，组件必须导入之后才能使用，其中 HelloWorld 为自定义名称，通过这个名称就可以调用对应组件。   components：组件文件只导入是不能被调用的，还必须在 components 中注册组件，注册后在 <template> 中就可以通过组件名直接引用组件了。在 <template> 中组件以标签形式
vue自定义组件中再嵌套其他组件
左直拳的马桶_日用桶
03-12 5734
其实就是在容器组件里放一个插槽（slot)。 VUE的看点是组件。组件应用的典型例子，是一个网站首页。分为若干版块。每个版块都是一个方框框，样式一致，只是版块中间内容不同。对于VUE来说，很自然的想法，就是方框是一个组件，然后里面嵌套个性化内容，或者每个版块索性也做一个组件。这样就提出了题目描述的需求：如何实现自定义组件中再嵌套其他组件。俄罗斯套娃。 实现起来十分简单。就是在方框组件（即容器组件）中放置一个插槽（slot)。 1、容器组件（Block.vue) <template> &lt
Vue自定义组件不显示
kswkly的博客
01-11 4037
问题： 从Vue官网教程找copy的例子，但发现浏览器中却不显示，代码如下： <html> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <a-test post-title="hello!"></a-test> <!--自定义组件--&...
vue自定义组件（超详细）
热门推荐
前端学习笔记
12-23 2万+
#vue自定义组件的使用方法
vue3自定义组件无法显示问题
m0_73997007的博客
09-29 2721
vue3自定义组件无法显示问题
Vue|怎么自定义组件？
文化园
06-30 2153
初学vue已近3个周，至此开发技能已满足。从eggjs 到 vue 再到 scss，这个过程需要总结和分享。深度学习需要从这里点点滴滴的开始 ~ 以上截图是，刚为内容分享使用vue所画的页面。看效果，与原图相比逼真度——真假难分 接下来总结方向，vue中如何自定义组件？如何使用自定义组件？ ...
Vue3自定义组件库，Vue3项目
08-17
Vue3自定义组件库，Vue3项目
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
10-14
在Vue.js开发过程中，有时会遇到组件没有显示出来的情况，虽然代码没有报错，但预期应该显示的组件却消失无踪。这种情况可能是由于多种因素引起的，以下是一些常见的解决策略和注意事项，帮助开发者排查和修复这类...
Vue自定义全局弹窗组件操作
10-14
Vue自定义全局弹窗组件操作是一项常见的前端开发任务，它能极大地提高代码的复用性和项目的维护性。在Vue框架中，我们可以通过以下步骤来创建一个全局可调用的弹窗组件。 首先，我们需要创建一个名为`popup.vue`的...
vue自定义switch开关组件,实现样式可自行更改
10-16
这里，`switchc`是自定义组件的名称，`v-model`用于双向绑定值，`text`属性用于设置开关显示的文本，如"on|off"，表示开启时显示"on"，关闭时显示"off"。 接下来，我们分析组件的结构。Vue组件分为HTML模板、...
vue2和el-input无法修改和写入，并且不报错
最新发布
呆萌小新@渊洁的博客
07-24 410
由于orginParams初始化为 originParams:{}.造成originParams被赋值时，属性均为动态型。虽然可以通过这种方式让父子数据交互，但可以发现，子组件的v-model接收对象，和props.row的交互逻辑异常麻烦。看过相关的很多内容，大部分集中在说需要添加$forceUpdate.而我根本不行。但我的业务中可以发现，进行了多层匿名子组件嵌套。上述内容中经测试，数据回显异常，程序不报错，无法显示输入变化，但是数据可以被正常修改。在我所在的业务场景中。业务中原本使用动态方式，
TreeSelect增加可筛选功能
qq_43048011的博客
07-24 842
应用到本地项目 本地tree数据结构
【elementui】记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法
bbt953的博客
07-24 289
记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法
vue3——利用自定义指令实现下拉框分页懒加载
zmy967131的博客
07-24 358
vue3——利用自定义指令实现下拉框分页懒加载
vue3setup 引入自定义组件
09-14
在 Vue 3 的 `setup()` 函数中，可以通过 `import` 语句来引入自定义组件。下面是一个示例： ```javascript import MyComponent from './MyComponent.vue'; export default { setup() { // 使用引入的自定义组件 // ... } } ``` 在上面的例子中，我们通过 `import` 语句将 `MyComponent` 组件引入，然后可以在 `setup()` 函数中使用这个组件。 请将 `./MyComponent.vue` 替换为你的自定义组件的路径。确保路径正确，并且自定义组件已经按照 Vue 组件的规范定义好了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值