扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
背景:Vue+ES6,子组件在父组件create后调用,并且事件触发onclick已经被封装在底层组件(子组件的子组件)
问题:在父组件中无事件绑定的情形下,子组件怎么向父组件传参?
EventBus (不太符合题目要求的无事件绑定的情形)
Vuex
dispatch
父子组件通信
$emit()
子组件使用v-on监听一个事件,然后触发的时候,把事件发出去,就是$emit,然后父组件中同样使用v-on监听你发出去的事件,然后执行你父组件定义的事件。
楼上的已经说明白了,我是来补个粟子的child.vue
child.vue
<template> <p id="test">向父传递</p> </template> <script> export default { methods: { $('#test').click(()=>{ this.$emit('data', '这是我要传的参数'); }) } } </script>
parent.vue
<template> <child @data="fnSS"></child> </template> <script> import child from './child'; export default { components: { tagInput } methods: { fnSS(value) { alert(value); }, } } </script>
子组件this.$emit("event",data)
父组件@event
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
EventBus (不太符合题目要求的无事件绑定的情形)
Vuex
dispatch
父子组件通信
$emit()
子组件使用v-on监听一个事件,然后触发的时候,把事件发出去,就是$emit,然后父组件中同样使用v-on监听你发出去的事件,然后执行你父组件定义的事件。
楼上的已经说明白了,我是来补个粟子的
child.vue
parent.vue
$emit()
子组件this.$emit("event",data)
父组件@event