云计算、AI、云原生、大数据等一站式技术学习平台

网站首页 > 教程文章 正文

微信小程序之实现父子组件通信_小程序的父子组件传值

jxf315 2025-10-13 23:13:15 教程文章 1 ℃

简单需求:封装一个导航组件,在页面引入,导航标题由父组件传递过去,子组件通过properties来接收,点击当前标题添加上类名,最后渲染到页面中。

效果图如下:

父组件:引入组件,在页面使用组件。

子组件:通过通过properties来接受父组件传递过来的值,绑定点击事件,通过传递event事件对象来获取索性和值(通过data-xx来进行传递),在控制台打印出
event.currentTarget.dataset.xx来获取传递的值。



**总结如下**:

**1.父组件传递给子组件的参数通过properties来接受;**

**2.子组件传递给父组件的参数通过事件this.triggerEvent(“事件名”,{});**

**3.修改data里面的数据必须通过this.setData({})来进行修改**

最近发表
标签列表