[Vue warn]: Do not use built-in or reserved HTML elements as component id:

这个Vue警告信息表明不要将内置或保留的HTML元素名称用作组件的ID。在Vue中,组件的ID应该是唯一的,以确保没有冲突。很可能是一个保留字或者是一个内置的HTML元素名称,所以Vue拒绝了这样的用法。

解决方法:

更改组件的ID,使用一个独一无二的名称,确保它不是一个内置的HTML元素名称,也不是Vue的保留字。

如果你正在使用Vue 2.x版本,确保全局ID的唯一性,如果是在Vue 3.x中,则应该使用一个独一无二的name属性代替ID。

例如:

bash 复制代码
Vue.component('my-custom-component', {
  // ...
});

在这个例子中,my-custom-component就是一个不会与内置HTML元素冲突的组件ID。

组件的name不能与内置的HTML元素和Vue的保留字重名

例如:[Vue warn]: Do not use built-in or reserved HTML elements as component id: form

at <Form ref="formDialogRef" onRefresh=fn >

【警告】:不要使用内置的或保留的html元素作为组件标识:在刷新=fn上的表单

我这里选择去掉

相关推荐
旷世奇才李先生4 小时前
Vue3\+Pinia实战:企业级后台管理系统开发(附权限控制)
vue
We་ct11 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·javascript·html·api·html5·浏览器·拖拽
每天吃饭的羊12 小时前
水平,垂直居中
前端·javascript·html
亿牛云爬虫专家12 小时前
告别空壳HTML!Node.js + Playwright + 代理IP 优雅抓取动态网页实战
node.js·html·爬虫代理·动态网页·数据抓取·代理ip·playwright
隔窗听雨眠13 小时前
HTML头部元信息避坑指南
前端·html
Wect14 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·面试·html
shadowcz00715 小时前
CHI 2026 归来:AI/LLM 正在重写人机交互的底层语法
前端·人工智能·html·人机交互
fqrj202615 小时前
网站建设公司怎么选?国内口碑网站建设公司推荐哪家?
大数据·人工智能·html·网站开发
之歆15 小时前
Day01_HTML 基础知识完全指南:从零开始的 Web 开发之旅
前端·html
yivifu15 小时前
接近完善的HTML双行夹批显示方案
前端·javascript·html·html双行夹批