vue中报错Do not use built-in or reserved HTML elements as component id details

原因是定义了一个叫做details的comonent
跟现有的html网页中的标签重合

export default {
  name: 'details',
  data () {
    return {
      equityBalance: this.item.equityData,
      depositWithdraw: this.item.depositWithdraw,
      symbol: 3,
      //真实的出金记录
      withdrawData: {},
      //真实的入金记录
      depositData: {}
    };
  }
}

组件,不能和html标签重复

details组件,h5新标签重复

由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:

一是完全不合法的标签名,例如 </>;

二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chrome 上正常但在 IE 上不正常;

三是与 Vue 保留的 slot、partial、component 重名,因为会优先以本身的意义解析,从而产生非预期的结果。

解决办法:

办法1: 如果我们采用正确命名,并对应修改上述代码,将details改正,即可消除报错。  
办法2: 也可以直接删除name 属性。

站在巨人的肩膀上摘苹果:

https://blog.csdn.net/qq_35393869/article/details/80364951

https://www.cnblogs.com/qingqingzou-143/p/7068514.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值