小編這次要給大家分享的是Vue $emit()為什么不能觸發(fā)父組件方法，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站與策劃設(shè)計(jì),八公山網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:八公山等地區(qū)。八公山做網(wǎng)站價(jià)格咨詢:13518219792

$emit傳入的事件名稱只能使用小寫(xiě)，不能使用大寫(xiě)的駝峰規(guī)則命名

如果修改后還是不行的話，就改用：

this.$parent.Event (Event為父組件中的自定義方法)

補(bǔ)充知識(shí)：Vue.js 使用 $emit 觸發(fā)事件填坑

vue的組件內(nèi)觸發(fā)外部事件不起作用

vue的組件內(nèi)觸發(fā)自定義事件（發(fā)外部事件）不起作用

今天學(xué)習(xí)vue的自定義組件功能，在組件內(nèi)部觸發(fā)一個(gè)事件，在使用組件的地方使用v-on綁定這個(gè)事件，然而觸發(fā)一直不生效，檢查了很多遍的代碼都沒(méi)看出什么問(wèn)題，代碼如下：

<div id="app">
 <button v-on:click="IncrHandle">增加</button>
 <input v-model="total" placeholder="請(qǐng)輸入內(nèi)容" />
 <child v-bind:count="total" v-on:onIncr="IncrHandle"></child>
</div>
Vue.component("child",{
 props:['count'],
 template:"<button v-on:click='incr'>增加{{count}}</button>",
 data: function(){
 return {
  count: 0
 }
 },
 methods:{
 incr: function(){
  this.$emit('onIncr')
  this.count += 1
 }
 }
})
new Vue({
 el:"#app",
 data:{
 total: 0
 },
 methods:{
 IncrHandle:function(){
  this.total += 1
  total("增加1")
 },
 DncrHandle:function(){
  this.total -= 1
 }
 }
})

網(wǎng)頁(yè)題目：Vue$emit()為什么不能觸發(fā)父組件方法-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://sd-ha.com/article16/jjjgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、微信小程序、App設(shè)計(jì)、小程序開(kāi)發(fā)、云服務(wù)器、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)