没有合适的资源？快使用搜索试试~ 我知道了~

首页vue使用$emit时,父组件无法监听到子组件的事件实例

vue使用$emit时,父组件无法监听到子组件的事件实例

vue

$emit

1 下载量 133 浏览量更新于2023-05-12 收藏 28KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

1页

下面小编就为大家分享一篇vue使用$emit时,父组件无法监听到子组件的事件实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

资源详情

资源推荐

vue使用使用$emit时时,父组件无法监听到子组件的事件实例父组件无法监听到子组件的事件实例

下面小编就为大家分享一篇vue使用$emit时,父组件无法监听到子组件的事件实例，具有很好的参考价值，希望

对大家有所帮助。一起跟随小编过来看看吧

vue使用$emit时，父组件无法监听到子组件的事件的原因是$emit传入的事件名称只能使用小写，不能使用大写的驼峰规则命

名

<p>{{ total }}</p>

<button-counter v-on:ee="incrementTotal"></button-counter>

<button-counter v-on:eEvent="incrementTotal"></button-counter>

</div>

Vue.component('button-counter', {

template: '<button v-on:click="increment">{{ counter }}</button>',

data: function () {

return {

counter: 0

}

methods: {

increment: function () {

this.counter += 1

this.$emit('ee', this.counter);//有效

this.$emit('eEvent', this.counter);//无效，不能使用大写的驼峰规则命名

}

})

new Vue({

el: '#counter-event-example',

data: {

total: '点击下面的按钮'

methods: {

incrementTotal: function (b) {

this.total = b;

}

})

</script>

以上这篇vue使用$emit时,父组件无法监听到子组件的事件实例就是小编分享给大家的全部内容了，希望能给大家一个参考，

也希望大家多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38609453

粉丝: 9
资源: 966

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

vue使用$emit时,父组件无法监听到子组件的事件实例

vue2.x 父组件监听子组件事件并传回信息的方法

vue监听input标签的value值方法

解决vue bus.$emit触发第一次$on监听不到问题

vue.js父组件$on无法监听子组件$emit触发事件

Vue.js父组件$on无法监听子组件$emit触发事件

vue子组件调用父组件方法$emit没有生效

vue 一个子组件被两个父组件引用 怎么让$emit识别另外一个父组件

vue $refs $emit prop

从$emit 到 父子组件通信 再到 eventBus

vue $emit和$on如何使用

vue2的$emit方法实现原理

vue父组件如何向子组件传值，子组件有几种接收的方法

vue.js $emit的功能？

vue3 使用$on $emit

vue2中$emit失效

vue中$emit的用法

vue中父给子的通信方式

vue2 this.$emit

vue父组件调用子组件的方法和给子组件的属性赋值

vue3父组件传给子组件的数据 如果在父组件中改变在子组件里边不会实时更新

会员权益专享

最新资源

vue 一个子组件被两个父组件引用怎么让$emit识别另外一个父组件

从$emit 到父子组件通信再到 eventBus

vue3父组件传给子组件的数据如果在父组件中改变在子组件里边不会实时更新