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

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

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

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

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

目录
相关文章
|
11月前
|
前端开发
React-父子组件通讯
React-父子组件通讯
40 0
React-父子组件通讯
|
4月前
|
JavaScript 前端开发
VUE里父组件与子组件的交互操作
VUE里父组件与子组件的交互操作
30 0
|
4月前
|
JavaScript
vue父子组件之间通讯方式
vue父子组件之间通讯方式
24 2
|
4月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
|
4月前
|
JavaScript
Vue 父子组件通信 兄弟组件通信 深层组件通信 方式一览
Vue 父子组件通信 兄弟组件通信 深层组件通信 方式一览
40 0
|
小程序
微信小程序-父子组件通信
微信小程序可有意思了
256 0
组件之间传值通讯之父传子
组件之间传值通讯之父传子
|
JavaScript 编译器
【Vue3 第十四章】父子组件通信
【Vue3 第十四章】父子组件通信
147 0
|
JavaScript
Vue中父组件与子组件之间的通信
Vue中父组件与子组件之间的通信
183 0
华为快应用-父子组件的通信(父传子)
华为快应用-父子组件的通信(父传子)
177 0