27-自定义组件-子向父传递数据
我们原先写的父组件向子组件传递数据。我们查看子组件中的js代码:

我们的子组件的data中没有数据,但是我们通过this.data却获取了里面的数据,为什么?
因为这样我们获取的其实是properties中从父组件接收过来的数据

然后循环完毕后,我们又把tabs设置回了data中。就相当于
data: {
tabs
}
这样写看起来没问题,其实不然。
我们刚开始,是在首页这里,当我们点击原创后,我们希望原创的isActive变成true,而首页的isActive变成false。我们查看控制台的AppData,发现首页的isActive还是true

因为父组件中的data数据并没有改变
处理如下:
我们把点击的index从子组件传递给父组件,然后在父组件中进行循环,把父组件相应的isActive进行改变即可。
修改步骤:
1、
2、在父组件的wxml中,对子组件进行引用的地方绑定事件(注意bind后面的事件名,与自定义组件的trriger中的要保持一致)

3、在父组件的js文件中编写事件代码

完毕!!!

浙公网安备 33010602011771号