Vue在子组件中判断父组件是否传来事件

简介: 本文介绍了在Vue中如何通过`vm.$listeners`对象来判断父组件是否传递了特定的事件给子组件,并展示了如何检查事件是否存在以及相应的处理方法。

vm.$listeners

vm.$listeners 中可以找得到所以从父组件中传来的事件,它是个对象,所以我们直接查属性的形式来查找事件来判断事件是否存在。

getPullPageBottom 父级传来的事件名(我自己定义的事件名,自己写自己的
@父级传来的事件名 = ”父级事件“
在子组件打印

  console.log(this.$listeners['getPullPageBottom'],'111')

有的话 ,会打印函数体
在这里插入图片描述

没有的话,会打印undefined
在这里插入图片描述

//this.$listeners['getPullPageBottom']
      if (!this.$listeners['getPullPageBottom']) return

在没有父级方法传入的时候做的处理

目录
相关文章
|
JavaScript
Vue子组件监听父组件的事件
Vue子组件监听父组件的事件
308 0
Vue子组件监听父组件的事件
|
2月前
|
JavaScript 搜索推荐
vue【详解】props —— 子组件接收父组件传入的参数
vue【详解】props —— 子组件接收父组件传入的参数
33 0
|
4月前
|
JavaScript
vue父组件点击事件向子组件传递值
vue父组件点击事件向子组件传递值
|
4月前
|
JavaScript 前端开发 算法
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(一)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
61 0
|
4月前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
67 0
|
4月前
|
JavaScript
vue子组件向父组件传参的方式
vue子组件向父组件传参的方式
48 0
|
9月前
|
JavaScript
vue父组件调用子组件方法
vue父组件调用子组件方法
69 0
|
10月前
|
JavaScript
vue子组件调用父组件方法
vue子组件调用父组件方法
81 0
|
11月前
|
人工智能 自然语言处理 JavaScript
vue 父组件将异步请求回来的数据传递给子组件,子组件props可以接收到,但是没有值
vue 父组件将异步请求回来的数据传递给子组件,子组件props可以接收到,但是没有值
58 0
VUE中父组件传给子组件传值,watch第一次监听不到
VUE中父组件传给子组件传值,watch第一次监听不到