[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上的表单

我这里选择去掉

相关推荐
_OP_CHEN2 小时前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
CappuccinoRose5 小时前
React框架学习文档(二)
javascript·react.js·组件·redux·props·state·context api
松涛和鸣6 小时前
62、IIC通信解析
服务器·arm开发·单片机·嵌入式硬件·html
总爱写点小BUG6 小时前
VU-Icons:打造极致体验的 Vue3 & UniApp 双端 SVG 图标库
uni-app·vue·组件库·图标组件库
DreamNotOver7 小时前
Django 模板 {% if %} 标签空格被自动删除?VS Code 环境解决方案
django·html·格式化·空格
ujainu7 小时前
Flutter + OpenHarmony 用户输入框:TextField 与 InputDecoration 在多端表单中的交互设计
flutter·交互·组件
PieroPc8 小时前
FastAPI 和 Html+css+js 开发的 PDF打印服务器 连接到服务器的物理打印机打印
css·html·fastapi
戌中横16 小时前
JavaScript——Web APIs DOM
前端·javascript·html
yinmaisoft19 小时前
JNPF 表单模板实操:高效复用表单设计指南
前端·javascript·html
换日线°1 天前
微信小程序对接位置服务(腾讯、高德)完成路径规划
前端·微信小程序·vue