我在开发过程中遇到了一个需求,就是我需要先给父组件传值,然后父组件确定接收到值了之后返回来到子组件处理后续操作。
那么我们来盘点一下常规方法有哪些。
一、先$emit放出一个事件,然后再父组件监听,接着再props传过来,最后在子组件用watch监听,(太麻烦)
二、用vuex的状态管理,直接this.$store?不行不行,污染资源
三、给父子组件新建一个VUE实例???也不行,太麻烦。
重头戏来了:
this.$emit(‘go‘,{
data:{}//你要传的值,
fun:()=>{}//你要执行的后续函数,
})
这个函数中,随便你调用当前组件的任何资源,也可以到父组件传进去父组件的值和相关的函数什么的,反正就是怎么用怎么爽
用这个方法执行操作,是不是思路更清晰明了,代码更简洁了呢(虽然来维护你代码的人不容易看吧。但是又关我什么事,哈哈哈哈)
原文:https://www.cnblogs.com/hyar/p/12102310.html