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

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

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

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

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

目录
相关文章
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
717 0
|
8月前
|
数据安全/隐私保护
鸿蒙开发:申请授权权限
还是那句话,在申请权限的时候,应当严格遵循最小权限原则,结合动态申请和清晰的用户引导,避免给用户带来不好体验,同样,遵循,在使用到权限的时候再去申请,切记,过前进行申请。
206 3
|
移动开发 JavaScript 前端开发
使用 JavaScript 进行跨域请求
使用 JavaScript 进行跨域请求
292 1
|
移动开发 JavaScript 前端开发
webpack学习四:使用webpack配置plugin,来使用HtmlWebpackPlugin、uglifyjs-webpack-plugin、webpack-dev-server等插件简化开发
这篇文章主要介绍了如何通过配置Webpack的插件,如HtmlWebpackPlugin、uglifyjs-webpack-plugin和webpack-dev-server,来简化前端开发流程。
535 0
webpack学习四:使用webpack配置plugin,来使用HtmlWebpackPlugin、uglifyjs-webpack-plugin、webpack-dev-server等插件简化开发
|
机器人
给 Mac 添加右键菜单「使用 VSCode 打开」
如何在 Mac 下右键文件或文件夹,直接通过菜单项「用 VSCode 打开」。
651 2
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
878 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
JavaScript 开发者 索引
Object.defineProperty详解!为什么会被vue3被抛弃?
【10月更文挑战第4天】Object.defineProperty详解!为什么会被vue3被抛弃?
Object.defineProperty详解!为什么会被vue3被抛弃?
|
运维 负载均衡 监控
|
小程序
微信小程序无法触发onReachBottom的解决方案
这篇文章提供了解决微信小程序中`onReachBottom`事件无法触发的问题的方案。问题的原因可能是`onReachBottom`方法重复,解决方案是删除系统自动生成的该方法。
|
SQL Rust 数据挖掘
4秒读取50w行Excel数据
4秒读取50w行Excel数据
367 1