Vue中emit事件无法触发的问题及解决_vue.js_

Vue emit事件无法触发问题

在父组件中定义事件监听，会出现无法触发对应的事件函数，在下面的代码中，我想通过v-on:event_1=“handle”, 想监听子组件中的event_1事件，但尽管事件发生了， 但还是触发不了，这个问题在于v-on:event_1="handle"的位置，需要放在 中。 

Vue中emit的使用

vue子传父参数的方法共有两种 

1、子组件通过emit传输 

2、通过自定义组件传输

下列优先讲解下其emit的传输方法 

在父组件中

（1）首先需要定义其改变的函数，一般emit多用于点击事件，例如我目前所在地的名称是北京，我想通过子组件的点击，导致我的名称发生其改变

（2）定义其data属性存储器数据

在子组件中

（1）定义其点击方法，并且传入其需要改变的值，例如我所改变的是城市为武汉

（2）定义emit函数，并且传输的showCityName需与父组件的点击事件名称保持一致才行

（3）通过data进行传参处理即可

效果图

总结：

（1）需要在其子组件中定义emit事件

（2）emit的传递子组件和父组件的函数名需要保持一致

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！