vue小坑

最新推荐文章于 2025-12-15 16:29:09 发布

原创最新推荐文章于 2025-12-15 16:29:09 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

在项目中遇到一个问题，引入的组件无法显示，原因是组件名'footer'与HTML5的内置标签重合。解决方案是将组件名'Footer'更改为'HomeFooter'，避免与HTML5的footer标签冲突，从而解决了问题。

项目场景：

无

问题描述

提示：这里描述项目中遇到的问题：
明明引入组件了，但是就是找不到

![在这里插入图片描述](https://img-blog.csdnimg.cn/cc93333f2bdb449f961003a065ed3cf7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAa2FuZzU2NTU=,size_20,color_FFFFFF,t_70,g_se,x_16)


---

# 原因分析：
其实是因为组件名和标签名重复了  footer是html5新增的标签，修改一下组件名即可

# 解决方案：
修改一下组件名即可

Footer--》 HomeFooter