如下代碼,我從子組件派發(fā)一個事件,但是在父組件中并沒有接受到,這是為什么,代碼如下:說明:代碼可以直接在瀏覽器下運(yùn)行查看效果,結(jié)果會在控制臺打印。<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script><div id="app"> <child v-on:test='getEmit'></child></div><script type="text/javascript">var Template={ 'child':{ template:'<button v-on:click="func()" ref="butt">{{name}}</button>', data:function(){ return { 'name':'nihao' } }, methods:{ func:function(){ console.log("輸出button內(nèi)容"+this.$refs.butt.textContent); vm.$emit('test', this.$refs.butt.textContent) } } }};var vm=new Vue({ el:'#app', data:{}, methods:{ getEmit:function(){ // 這里沒有輸出,為什么 console.log("div觸發(fā)"); } }, components:Template});// vm.$on('test',function(e){// console.log('on觸發(fā)輸出內(nèi)容'+e);// });</script>
Vue事件派發(fā)后接收不到,求指點(diǎn)?
海綿寶寶撒
2019-03-13 13:15:28