华为快应用-父子组件的通信(子传父)

简介: 华为快应用-父子组件的通信(子传父)

华为快应用-父子组件的通信(父传子)这篇博客我们知道了父组件是怎么把值传递给子组件的,那么子组件怎么传递值给父组件呢?

//父组件中
        onShow: function() {
        //和父组件向子组件中传值一样,反着传值需要在父组件中绑定事件
            this.$on('evtType2', this.evtTypeHandler)
        },
        //被触发后调用此方法
        evtTypeHandler(evt) {
            console.info('父组件:事件响应: ', evt.type, evt.detail)
            // 结束事件传递
            // evt.stop()
        }
//子组件中
        //通过按钮之类的条件触发
        changeAction() {
            //通过此方法向上传递参数,即可调用父组件中evtTypeHandler方法
            this.$dispatch('evtType2', { params: '向上传递的参数' })
        },

以上,学到就是赚到,可以节省很多功夫的,觉得有用,不妨给个评论鼓励吧。

目录
相关文章
|
前端开发
React-父子组件通讯
React-父子组件通讯
64 0
React-父子组件通讯
|
8月前
|
JavaScript
vue 自定义事件的实现(可用于兄弟组件通信)
vue 自定义事件的实现(可用于兄弟组件通信)
46 0
|
JavaScript
63Vue - 自定义事件(非父子组件通信)
63Vue - 自定义事件(非父子组件通信)
29 0
|
10月前
|
存储 JavaScript
vue3组件之间传值通讯
vue3组件之间传值通讯
98 0
|
10月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
|
10月前
|
JavaScript
Vue 父子组件通信 兄弟组件通信 深层组件通信 方式一览
Vue 父子组件通信 兄弟组件通信 深层组件通信 方式一览
58 0
|
小程序
微信小程序-父子组件通信
微信小程序可有意思了
322 0
组件之间传值通讯之父传子
组件之间传值通讯之父传子
|
JavaScript 编译器
【Vue3 第十四章】父子组件通信
【Vue3 第十四章】父子组件通信
180 0
|
JavaScript
Vue中父组件与子组件之间的通信
Vue中父组件与子组件之间的通信
207 0