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

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

//父组件中
        onShow: function() {
        //和父组件向子组件中传值一样,反着传值需要在父组件中绑定事件
            this.$on('evtType2', this.evtTypeHandler)

        },
        //被触发后调用此方法
        evtTypeHandler(evt) {
            console.info('父组件:事件响应: ', evt.type, evt.detail)
            // 结束事件传递
            // evt.stop()
        }

//子组件中
        //通过按钮之类的条件触发
        changeAction() {
            //通过此方法向上传递参数,即可调用父组件中evtTypeHandler方法
            this.$dispatch('evtType2', { params: '向上传递的参数' })
        },

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

你可能感兴趣的:(华为快应用,带你走进华为快应用)