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

weixin_422201302024-11-02 18:54

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

我这里选择去掉