在使用this.$emit()時候赵讯,給報的警告
Extraneous non-emits event listeners (addBtn) were passed to component but could not be automatically馆揉;
image.png
<template>
//如果在子頁面中的template模板中秧廉,沒有添加div包裹組件內(nèi)容诺苹,就會出現(xiàn)提示
“無關(guān)的非發(fā)出事件監(jiān)聽器(addBtn)被傳遞給組件抛姑,但無法自動繼承卓嫂,因為組件呈現(xiàn)片段或文本根節(jié)點。
如果偵聽器僅用于組件自定義事件偵聽器蜈项,請使用“emits”選項聲明它芹关。”
<!-- <div class="addBox"> -->
<button @click="add(1)">+1</button>
<button @click="add(10)">+10</button>
<!-- </div> -->
</template>
# 解決方法:
1. 直接在外面包裹一層div紧卒,問題直接解決
2. 在export dafault{
//數(shù)組寫法
emits:['addBtn']
//對象寫法--了解一下即可侥衬,平時用不到
// emits: {
// addBtn: function(count) {
// if (count <= 10) {
// return true
// }
// return false
// }
// },
}
注冊聲明一下所有的自定義發(fā)出事件,并且注冊后也能父頁面寫自定義事件能友好的提示
# 在template中包裹一層div警告就已經(jīng)消失跑芳,無論是否有報錯轴总,自定義組件最好都用emits注冊聲明一下