vue emit 触发事件不生效

最新推荐文章于 2024-04-12 22:37:04 发布

南城夏季

最新推荐文章于 2024-04-12 22:37:04 发布

阅读量2.2k

点赞数

分类专栏： BUG 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_39818813/article/details/110683751

版权

BUG 专栏收录该内容

86 篇文章 0 订阅

订阅专栏

很有可能是你接收事件写成接收属性了

如：这样是接收属性

  <view class="nav-top">
      <BtnNav :btnList="btnList" :changebtn="changebtn"></BtnNav>
    </view>

这样才是接收事件：

  <view class="nav-top">
      <BtnNav :btnList="btnList" @changebtn="changebtn"></BtnNav>
    </view>

写是时候没注意，搞的我找问题找了半个小时

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南城夏季

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue中emit事件无法触发的问题

y_hh_的博客

08-16

3776

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

Vue $emit()不能触发父组件方法，Vue子组件向父组件使用自定义事件$emit传递数据无效的坑

m0_61672533的博客

01-03

1119

Vue子组件向父组件使用自定义事件$emit传递数据无效的坑

参与评论您还未登录，请先登录后发表或查看评论

Vue $emit()不触发方法的原因

青春不打烊的博客

04-20

2522

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

vue3 setup emit 不生效 子组件中的值回传给父组件

weixin_44166439的博客

04-20

4092

父组件 <Input v-model="val"/> 子组件 <input v-model="input" /> props: { modelValue: { tppe: [ String | Number], default: '', }, }, setup() { const input = ref('') const clearVal = () => { input.value = '' emit('

vue3中组件递归，子组件emit事件失效解决办法

qq_52273262的博客

01-08

1981

在嵌套的子组件加上emit事件的监听，缺点就是控制台有警告。用vuex / pinia 代替父子通信。

vue3 emit update不生效

u010539193的博客

03-20

855

一开始以为的生效，根本没生效。界面有反应的原因是props.list的引用赋值给newList之后，newList调用push方法，实际是通过引用改变了父组件的值，根本不是通过emit传递的值。一开始，子组件的submitForm()在页面上是有效果的。所以一直困惑，为什么submitForm()里面的emit生效了，handleDelete()的emit不生效。:list前面要加v-model。总结，Vue3 的自定义props如果要使用数据双向传递，前面一定要规规矩矩的写v-model。

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 bus.$emit触发第一次$on监听不到问题

10-15

然而，在实际开发过程中，可能会遇到使用bus.$emit触发事件时，第一次$on监听不到事件的问题。本文将对这一问题进行深入分析，并提供有效的解决方案。首先，需要了解Vue的事件监听和触发机制。在Vue中，$on方法...

解决Vue.js父组件$on无法监听子组件$emit触发事件的问题

10-18

以下是一个具体的代码示例，展示了如何在Vue.js项目中解决$on无法监听$emit触发事件的问题。 ```html <!DOCTYPE html> <title>Emit事件和On事件 <script src="../js/vue.js"> (item, index) in items" v-...

Vue $emit()不能触发父组件方法的原因及解决

12-28

今天学习vue的自定义组件功能，在组件内部触发一个事件，在使用组件的地方使用v-on绑定这个事件，然而触发一直不生效，检查了很多遍的代码都没看出什么问题，代码如下： <button v-on:click=IncrHandle>...

vue3 setup 中的 emit事件触发

web18484626332的博客

03-09

446

** vue3 setup 中的 emit事件触发 ** 父组件 <template> <PaymentDlg ref="paymentDlg" @onSaveOk="paymentTest" /> </template> <script setup> import PaymentDlg from './dashboards/payment-dlg.vue' import { ref } from "vue"; const paymentDlg = ref(

处理vue3 组合式API setup emit(‘update:modelValue‘) 无效的问题

或许丶Blog

04-19

1万+

// 子组件 export default defineComponent({ props: { collapsed: { type: Boolean, }, }, components: { MenuFoldOutlined, MenuUnfoldOutlined }, setup(props, { emit }) { const store = useStore(); // 必须用computed包装一层而且需设置get和set .

vue3 全局事件总线mitt，emit发布无效果

最新发布

qq_43721254的博客

04-12

621

很多刚开始接触vue3的朋友可能不太注意vue3的生命周期，需要注意vue3的setup只会执行一次，很可能把emit和on放在setup中一起执行，最后的结果只能是没有任何效果，最好就是放在onMounted中。

上班日记3——vue3爷，父，子在script setup下的defineEmits，事件命名等均无问题，但依旧不能触发爷组件方法

dlchgg的博客

08-19

659

3、使用nexTtick试试——都成习惯了，经常类似的问题都是如此，实际上emit通信因为nexttick而出问题感觉没有，但是不知道有没有特定情况。1、vue3也是这个新工作才接触，是不是我的defineEmits使用的有问题。1、子组件内使用defineEmits，父组件内设置handleBinduser方法，让子触发父。弊端嘛就是，太麻烦了，本来就是父和爷组件，现在还要多一个子触发父，而且公用的一个子组件，懒得写。2、可能需要驼峰命名。

vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）

weixin_44132285的博客

09-16

8235

vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）分析原因 1.首先造成传值失效的问题是组件递归后事件传递不到上层。所以造成的问题是在递归组件的第二层里面，监听不到当前事件。出现的现象 2.造成的现象是我点击递归出来的子菜单的时候，父级组件拿不到点击获取的值，第一次点击渲染的值可以获取到解决问题的方法 1.可以点击的时候将值存储再vuex里面点击的时候在父级页面获取到vuex里面存储的值弊端：点击完页面刷新后，vuex里面的值会消失，影响页面功能（非必要不选择）；

vue 双向绑定问题$emit无效

luoteen的博客

11-09

3560

父组件变量传给子组件，子组件$emit 触发父组件的方法修改父组件的变量，但是父组件的值变了，子组件的值没有改变父组件： <div> // 子组件 <son :status.sync="status"/> </div> <script> export default { data(){ return{ status:false } } } </script> 子组件： <div @click="change"&gt

vue emit失效原因

qq_25968127的博客

09-28

1073

vue emit失效原因记录: emit的事件名中有大写字母组件的父子关系不对。可能父级是循环产生的，emit事件没发确定触发那个父级的事件。加ref解决

vue2 $emit不生效

07-28

总结来说，如果在Vue2中使用$emit方法时发现不生效，可以考虑使用setTimeout函数将$emit方法延迟执行，并确保在父组件中正确监听相应的事件。 #### 引用[.reference_title] - *1* *3* [vue 双向绑定问题$emit无效]...