这个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上的表单
我这里选择去掉