29 组件事件传递
又来就是了
之前说 props 不能 子传父 , 并不完全准确。默认是不可以,但可以额外操作使它具备“子传父”的功能
就是传递函数啦,不过是间接的
<template>
<div>
<!-- msg 在 B 组件赋值,然后传回给A -->
父级元素:{{ msg }}
<B :function1="myFunction"/>
</div>
</template>
<script>
import B from './B.vue';
export default {
data() {
return {
msg: ""
}
},
methods: {
myFunction(data) {
this.msg=data
}
},
components: {
B,
},
}
</script>
<style lang="scss" scoped>
</style>
<div>
<p>{{ function1("zhanjianhai") }}</p>
</div>
</template>
<script>
export default {
props: {
function1: {
type: Function,
},
},
}
</script>
<style lang="scss" scoped>
</style>