請(qǐng)問(wèn)下為啥在模板里，子組件調(diào)用this.$emit，父組件觸發(fā)不了方法呢？我debugger看events里注冊(cè)了那個(gè)事件然而并沒(méi)有觸發(fā)是為啥勒https://jsfiddle.net/BiggerKa...點(diǎn)擊預(yù)覽點(diǎn)擊點(diǎn)我啊沒(méi)有出現(xiàn)alert的效果
2 回答
滄海一幻覺(jué)
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊
事件名稱不允許用駝峰式，fiddle里看不出來(lái)，在瀏覽器里Vue會(huì)發(fā)出警告中斷執(zhí)行，模板和觸發(fā)的方法名稱都改成小寫(xiě)就可以成功，親測(cè)可行。
// template<child-com @handle-tip="handleTip" :param="childParam"></child-com>// script
methods: {
handleTip: function () {
this.$emit('handle-tip', 'haha')
}
}
蝴蝶刀刀
TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超8個(gè)贊
事件名
不同于組件和 prop，事件名不存在任何自動(dòng)化的大小寫(xiě)轉(zhuǎn)換。而是觸發(fā)的事件名需要完全匹配監(jiān)聽(tīng)這個(gè)事件所用的名稱。舉個(gè)例子，如果觸發(fā)一個(gè) camelCase 名字的事件：
this.$emit('myEvent')
則監(jiān)聽(tīng)這個(gè)名字的 kebab-case 版本是不會(huì)有任何效果的：
<my-component v-on:my-event="doSomething"></my-component>
不同于組件和 prop，事件名不會(huì)被用作一個(gè) JavaScript 變量名或?qū)傩悦跃蜎](méi)有理由使用 camelCase 或 PascalCase 了。并且 v-on 事件監(jiān)聽(tīng)器在 DOM 模板中會(huì)被自動(dòng)轉(zhuǎn)換為全小寫(xiě) (因?yàn)?HTML 是大小寫(xiě)不敏感的)，所以 v-on:myEvent 將會(huì)變成 v-on:myevent——導(dǎo)致 myEvent 不可能被監(jiān)聽(tīng)到。
因此，我們推薦你始終使用 kebab-case 的事件名。
添加回答
舉報(bào)
0/150
提交
取消