Vue-router踩坑之旅（2）

最新推荐文章于 2023-08-05 14:58:41 发布
最新推荐文章于 2023-08-05 14:58:41 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_39168052/article/details/80949084
本文介绍了在Vue开发中遇到的一个常见问题：使用内置或保留HTML元素作为组件ID时出现的警告，并提供了简单有效的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错：

vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: head

原因：
组件内部设置的name值是vue内的保留值。

解决：

修改组件内name就好啦~~~啊哈~~

YQ___QY
关注
nuxt.js 踩坑之旅，layout/default.vue
人生代码 ---- 公众号
08-15 1724
最主要的就是 标签，在 nuxt.js 服务端渲染的过程中，需要使用 类似于 vue 中的 router-view 也能使用 keep-alive 属性 :keep-alive-props="{ include: ['index', 'search', 'benifit'] }" 整体代码如下： <template> <div class="index-wrapper"> <div class="index-content"> <div
同一个页面点击不同按钮到列表页面，是否缓存的问题踩坑之旅
qq_36765732的博客
12-16 469
需求提了这样一个要求，当我们从列表页跳转到（详情页面，修改页面，新增页面）时，点击（详情页面，修改页面，新增页面）上面的返回按钮，可以回到列表页面，并且需要缓存最初的列表页面条件与页数。 对于这种情况，第一想到的解决办法是在路由列表里面加上keepAlive属性，如下图 这样在列表里面缓存问题确实解决了，但是出现了个问题，如果不是从返回按钮进入到列表页面的，我们是不需要缓存的，需要重新调接...
vue name命名错误 Do not use built-in or reserved HTML elements as component
god_sword_的博客
08-05 3639
在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。
Error in callback for watcher "$route": "TypeError: Cannot read property 'call' of undefined"
axe的专栏
01-30 3万+
vue监听$route变化，报错： Error in callback for watcher "$route": "TypeError: Cannot read property 'call' of undefined" watch: { // 如果路由有变化，会再次执行该方法 '$route': 'changeRoute' }, 解决方法 检查changeRoute函数是...
Vue报错'Do not use built-in or reserved HTML elements as component id:解决方法
热门推荐
S筱潇S四维Smile
02-25 7万+
vue 在引入组件后无法显示组件内容且报错如下 ： Do not use built-in or reserved HTML elements as component id 这是因为组件的命名和html标签重复导致警告，如下图所示： 解决方法：创建组件的时候要注意组件命名与html标签区分开 方法一、 方法二、 ...
Vue系列 =＞ [BUG] 面包屑导航切换到首页 侧导航栏激活问题
Write less，do more
10-22 725
vue监听$route变化，报错： Error in callback for watcher “$route”: “TypeError: Cannot read property ‘call’ of undefined” watch: { // 如果路由有变化，会再次执行该方法 $route: function(newV) { console.log(newV) if (newV.path == '/welcome') { this.activeSta
A plugin must either be a function or an object with an “install“ function
flhhly的博客
07-19 2622
A plugin must either be a function or an object with an “install“ function
vue 地图使用navigator_weex踩坑之旅第五弹 ~ 使用navigator内置模块实现导航
weixin_34374684的博客
02-22 1106
目前，我个人认为在weex中实现页面跳转的方式有两种，一种是通过weex提供的navigator模块，一种是通过vue-router之类的第三方插件。这两种方式在开发过程中都需要。那么什么时候采用navigator,什么时候采用路由？可以根据开发需求来决定，底部导航可以使用使用路由。页面中特殊功能，比如个人设置，添加地址等功能可以使用navigator。那么这两种方式如何共存于代码中，需要修改we...
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 3056
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
从零搭建一个vite+vue3+ts规范基础项目
qq_41559229的博客
05-27 1825
最简单的vite+vue+ts的配置，虽简单但详细！
vue报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
weixin_30300225的博客
04-15 191
报错的信息大致是不要将内置或保留的HTML元素用作组件ID 解决的办法是修改name符合规范或者直接删除组件内的name属性。 转载于:https://www.cnblogs.com/licurry/p/10709677.html...
[Vue warn]: Do not use built-in or reserved HTML elements as component id:
dexing07的博客
11-05 1万+
vue.runtime.esm.js:472 [Vue warn]: Do not use built-in or reserved HTML elements as component id: main在引用vuejs 组件的时候出现了这错误，这个句话翻译下来就是： 不能使用内置或者保留的HTML或者组件作为组件id意思就是你使用的组件名的名称跟系统（vue）的内置属性名冲突了，所以创
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5584
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
解决：vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: me
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-12 5630
1. 报错如题： vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: menu 2. 报错原因：我写了个 vue文件，命名为 “ menu.vue” , 报错原因是 我取的这个名字和 VUE 已有组件名字相冲突。感觉类似 java 的保留关键字，或者是数...
vue中watch的用法总结以及报错处理Error in callback for watcher "checkList"
weixin_34153893的博客
04-20 1万+
　　首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 　　键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。 　　值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 　　值也可以是函数名：不过这个函数名要用单引号来包裹。 　　第三种情况厉害了。 值是包括...
vue问题记录（六）：vue.esm.js?efeb:591 [Vue warn]: Property or method "tableData" is not defined on the inst
Fiona_lms的博客
11-06 2万+
vue.esm.js?efeb:591 [Vue warn]: Property or method “tableData” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for ...
vue-常见错误解决
云簪阁
09-01 1万+
1.运行vue时浏览器报错Unknown custom element: <custom-select> - did you register the component correctly? For recursive components, make sure to provide the "name" option 原因：被引用的组件页面没有进行export，导致寻找不到浏览器...
vue报错 Do not use built-in or reserved HTML elements as component id:header
weixin_44771007的博客
05-14 404
在vue项目中使用组件时，组件名不能和html标签重复，header是h5中的新标签，所以组件名不能是header
[Vue warn]: Failed to mount component: template or render function not defined
weixin_44378370的博客
02-25 790
错误如下： 报的错误说是目标组件模板定义失败 路径排查没错 然后发现原因是删掉了一个尖角符号： template> 这种错是不该犯的 以做记录 警戒
掌握Vue-router：vue-router-demo深度分析
### Vue-router 相关知识点 #### 1. Vue-router 概述 Vue-router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。Vue-router 是基于路由和组件的，路由用于设定访问路径...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值