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

我这里选择去掉

相关推荐
前端Hardy37 分钟前
HTML&CSS:数据卡片可以这样设计
前端·javascript·css·3d·html
小小黑0071 小时前
uniapp+vue3+ts H5端使用Quill富文本插件以及解决上传图片反显的问题
uni-app·vue
xiyusec3 小时前
HTML基础
前端·html
好开心334 小时前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
Ztiddler4 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端熊猫6 小时前
transform学习
前端·学习·html
郑祎亦7 小时前
JavaWeb开发:HTML 页面与接口对接
前端·后端·java-ee·html
逆旅行天涯9 小时前
【功能实现】bilibili顶部鼠标跟随效果怎么实现?
前端·javascript·vue
一秒美工助手9 小时前
鼠标经过遮罩效果 详情页阿里巴巴国际站外贸跨境电商装修运营 详情页装修无线端装修手机装修设计代码证书滚动特效效果代码,自定义内容代码模板模块设计设置装修
前端·javascript·html·计算机外设
小粉粉hhh20 小时前
CSS3新特性——字体图标、2D、3D变换、过渡、动画、多列布局
前端·javascript·html