$emit()不触发方法

最新推荐文章于 2024-07-16 10:44:48 发布
最新推荐文章于 2024-07-16 10:44:48 发布
阅读量5.5k 收藏 3
点赞数 2
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jokren/article/details/97548416
版权

一，父组件不触发原因：
$emit传入的事件名称只能使用小写，不能使用大写的驼峰规则命名。

二，解决办法
1.改小写命名

2.用this.$parent.Event (Event为父组件中的自定义方法)使用父组件实例触发方法。

3.如果是点击触发的 直接$emit(‘click’)触发

jokren
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue $emit()不能触发父组件方法的原因及解决
12-28
$emit传入的事件名称只能使用小写，不能使用大写的驼峰规则命名 如果修改后还是不行的话，就改用： this.$parent.Event (Event为父组件中的自定义方法) 补充知识：Vue.js 使用 $emit 触发事件填坑 vue的组件内触发外部事件不起作用 vue的组件内触发自定义事件（发外部事件）不起作用 今天学习vue的自定义组件功能，在组件内部触发一个事件，在使用组件的地方使用v-on绑定这个事件，然而触发一直不生效，检查了很多遍的代码都没看出什么问题，代码如下： <button v-on:click=IncrHandle>增加</bu
面试题
zhzijun的博客
04-02 280
面试题3.9日面试题背诵1. vue的特点是什么2. vue中父子组件时如何传值的1.路由配置2. 传递静态数据3. 传递动态数据4. 传递静态或动态 Prop父组件向子组件传值：子组件向父组件传值1.子组件绑定一个事件，通过 this.$emit() 来触发2.通过 callback 函数3.通过 $parent / $children 或 $refs 访问组件实例非父子组件进行传值3. v-show 和 v-if 指令的共同点和不同点共同点：都能控制元素的显示和隐藏不同点：实现本质方法不同总结：3.10
vue $emit 执行父组件的方法不执行
陈熙之的博客
02-06 707
vue $emit 执行父组件的方法不执行
VUE中使用this.$emit()的使用进行父子组件之间传值
最新发布
m0_59157023的博客
07-16 299
当点击时，进入到buttonClick()方法，此时调用this.$emit()方法触发自定义事件parent-event。父组件parent.vue通过监听parent-event来接收这个自定义事件并执行。并传递了'xiaoming'作为数据。子组件child.vue。
Vue 父子组件方法this.$emit()有时候不触发问题
qq_41580802的博客
10-26 8055
Vue 父子组件方法this.$emit()有时候不触发问题，亲测有效
Vue $emit()不触发方法的原因
weixin_44880056的博客
07-14 4029
Vue $emit()不触发方法的原因 1.事件名称不全是小写。事件名称要求全小写。 2.不是父子关系。这里的父子关系是严格的父子关系，祖孙关系也不行。只能一层一层触发，这在写树形组件时，很容易掉坑里。 3.父组件没有用 .sync修饰符 .sync是vue中用于实现简单的“双向绑定”的语法糖，在平时的开发中是非常使用的。 vue的prop是单向下行绑定：父级的prop的更新会向下流动到子组件中，但是反过来不行。可是有些情况，我们需要对prop进行“双向绑定”。这个时候，就可以用.sync来解决。 ...
this.$emit方法无效的原因
热门推荐
weixin_44294658的博客
08-04 2万+
this.$emit无效的问题 开发过程汇总突然遇到this.$emit无法将事件发布出去，原因查找发现是使用了驼峰命名法，导致方法不能被监听到。点击查看vue官方文档说明，最神奇的是并不是左右的emit都失效，只是有些emit的方法名在特定情况下失效。 解决方案 使用-连接，比如： this.$emit(‘my-method’); 使用this.$parent.方法名调用 ...
解决vue bus.$emit触发第一次$on监听不到问题
10-15
然而，在实际开发过程中，可能会遇到使用bus.$emit触发事件时，第一次$on监听不到事件的问题。本文将对这一问题进行深入分析，并提供有效的解决方案。 首先，需要了解Vue的事件监听和触发机制。在Vue中，$on方法...
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
10-18
但在某些特殊情况下，如果子组件中的this指向不是父组件实例，那么$emit触发的事件就无法被父组件监听到。 ### 解决思路 1. 首先确认事件监听器是否被正确添加到了父组件实例上。 2. 确认事件触发器是否位于子组件...
$emit触发事件拿不到传递的参数.zip
10-29
在Vue.js框架中，`$emit`是用来在组件实例中触发自定义...通过以上排查步骤，你应该能够解决“$emit触发事件拿不到传递的参数”的问题。如果问题依然存在，可能需要进一步查看错误日志或使用Vue的开发工具进行调试。
$emit()不触发父组件方法
weixin_41700532的博客
02-24 2630
问题原因及解决： 1、$emit的事件用了驼峰命名，有的浏览器会自动转化为小写，所以就匹配不到； 解决：都改为小写或者是用’-'隔开，比如: this.$emit('callbackFn'); @callback-fn="xxx" 2、this.$emit触发的是子节点，监听的节点是父节点 解决：将触发事件放在父节点触发 this.$parent.$emit('xxxx'); ...
vue子组件调用父组件方法$emit没有生效
qq_35567179的博客
09-12 7048
一开始查百度，别人都说 this.$emit(方法名, 参数);里面的方法名不能是驼峰法，试了下不行； 还有说emit不能写在axios里的，于是我拿到外面去了也不行； 最后谷歌查，原来是父组件里的子组件需要注册一下被监听的方法 parent组件 <el-parent> <wx-upload v-on:uploadsuccess="UploadSuccess"></wx-upload> </el-parent> ... <sc
vue $emit不能触发父组件的原因
weixin_43660344的博客
08-24 961
vue 不能触发$emit的原因 在使用emit时只能小写不能使用驼峰命名规则。如果改为小写还是不行，可以试试this.emit时只能小写不能使用驼峰命名规则。如果改为小写还是不行，可以试试 this.emit时只能小写不能使用驼峰命名规则。如果改为小写还是不行，可以试试this.parent.Event (Event为父组件中的自定义方法) 参考：https://blog.csdn.net/weixin_41472431/article/details/89434160 ...
Vue $emit()不能触发父组件方法，Vue子组件向父组件使用自定义事件$emit传递数据无效的坑
m0_61672533的博客
01-03 1109
Vue子组件向父组件使用自定义事件$emit传递数据无效的坑
Vue3父子组件emit参数传递（解决Vue2this.$emit无效问题）
韦_恩的博客
01-30 2万+
之前写了一篇Vue3路由跳转问题的博客，发现还是有很多同学对基本的使用改变还没有了解，于是我就顺道把常用的组件间传递的方式也写一下吧....... 注意的是： 1.Vue3中不在强调this的使用，可以说你在setup中完全不能用this，不像Vue2中把全部的内容都集成到this中。 2.Vue3现在由于compositionAPI的方式可以说是弱化了Vuex的存在（当然Vuex现在可以用没什么变化）。 3.如果您有Vue2的开发经历，用Vue3也不会特别陌生，会很快上手。 目录 1.解决.
vue子组件调用父组件方法$emit调用不到的问题
爱心觉罗
08-18 983
【代码】vue子组件调用父组件方法$emit调用不到的问题。
this.$emit()触发自定义事件没有反应，触发自定义事件失效
qq_55949207的博客
08-04 2211
2.如果是子组件触发父组件绑定的事件，一定要用 this.$parent.$emit() 触发。1.查看事件名称，把驼峰命名法改成：login-to 这种形式。在这里卡了一早上，忘记有这个$parent了。
$emit不触发父组件方法
07-27
当您在子组件中使用$emit触发一个事件时，父组件需要通过在模板中使用v-on指令来监听该事件并执行相应的方法。 如果您的$emit没有触发父组件的方法，可能有以下几个原因需要检查： 1. 父组件是否正确监听了子组件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值