vue中报错Do not use built-in or reserved HTML elements as component id details
2021-04-19 04:26
标签:exp tps default html标签 csdn osi 自定义组件 dep htm 原因是定义了一个叫做details的comonent 组件,不能和html标签重复 details组件,h5新标签重复 由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况: 一是完全不合法的标签名,例如 >; 二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chrome 上正常但在 IE 上不正常; 三是与 Vue 保留的 slot、partial、component 重名,因为会优先以本身的意义解析,从而产生非预期的结果。 https://blog.csdn.net/qq_35393869/article/details/80364951 https://www.cnblogs.com/qingqingzou-143/p/7068514.html vue中报错Do not use built-in or reserved HTML elements as component id details 标签:exp tps default html标签 csdn osi 自定义组件 dep htm 原文地址:https://www.cnblogs.com/eternityz/p/12272506.html
跟现有的html网页中的标签重合export default {
name: 'details',
data () {
return {
equityBalance: this.item.equityData,
depositWithdraw: this.item.depositWithdraw,
symbol: 3,
//真实的出金记录
withdrawData: {},
//真实的入金记录
depositData: {}
};
}
}
解决办法:
办法1: 如果我们采用正确命名,并对应修改上述代码,将details改正,即可消除报错。
办法2: 也可以直接删除name 属性。
站在巨人的肩膀上摘苹果:
文章标题:vue中报错Do not use built-in or reserved HTML elements as component id details
文章链接:http://soscw.com/index.php/essay/76494.html