博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue父组件调用子组件事件
阅读量:2289 次
发布时间:2019-05-09

本文共 545 字,大约阅读时间需要 1 分钟。

Vue父组件向子组件传递事件/调用事件

不是传递数据(props)哦,适用于 Vue 2.0

方法一:子组件监听父组件发送的方法

方法二:父组件调用子组件方法

子组件:

export default {    mounted: function () {
this.$nextTick(function () {
this.$on('childMethod', function () {
console.log('监听成功') }) }) }, methods { callMethod () { console.log('调用成功') } }}

父组件:

export default { methods: { click () { this.$refs.child.$emit('childMethod') // 方法1 this.$refs.child.callMethod() // 方法2 }, components: { child: child }}

转载地址:http://bcfnb.baihongyu.com/

你可能感兴趣的文章
网络游戏线上活动的类型及特点(二)
查看>>
sleeping-to-save-cpu
查看>>
键盘符号英语读法
查看>>
[转]char_traits
查看>>
[转载] 人生三重境界
查看>>
[转载]学习时注意思考方法
查看>>
C10K问题
查看>>
STL 线程安全性
查看>>
Writing Reentrant and Thread-Safe Code(编写可重入和线程安全的代码)
查看>>
可重入性
查看>>
无闪烁刷屏技术的实现
查看>>
Crazybit开发手记(一):设计之数据结构和算法的分离
查看>>
Windows消息
查看>>
Windows线程及同步机制
查看>>
CImage类
查看>>
FreeMind 0.80 正式版已经出来了
查看>>
虚拟化技术比较 PV HVM
查看>>
无法捕获的C++异常
查看>>
一台机器配置多个ip地址时被动响应和主动发起的源ip选择
查看>>
E1,T1, PRI, Trunk
查看>>