原因是定義了一個叫做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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/150731.html
標籤：JavaScript
上一篇：VUE中集成echarts時 getAttribute of null錯誤
下一篇：vue中使用axios