微信小程序-子向父传递数据


1.上篇父向子传递数据过程中,点击标题虽然样式进行了改变,但AppData中观察data中的数据并没有改变

 

 

 

 

2.出现以上情况的原因是:

 子组件data数据为空,点击Tabs项切换标题执行handleItemTap方法时,无法拿到data中的数据,

 所以只能从父组件传递过来的数据中拿tabs数据,数据遍历修改之后又把tabs赋值给了子组件的data。

 而存在于父组件中的tabs源数组中的数据并没有被修改,因此在程序中存在两组不同的tabs数据,这是不正确的

 

 3.解决方案

 3.1 点击事件触发的时候,触发父组件中的自定义事件,同时传递数据给父组件,

     此处把点击的索引值传递给父组件

   this.triggerEvent("父组件自定义事件的名称",要传递的参数) 

   

 3.2 子组件向父组件传递数据,通过事件的方式传递,需要在子组件的标签上加入一个自定义事件

        

 

 3.3 父组件在自己的js中,自定义事件,用来接收子组件传递的数据,根据子组件传递过来的索引值,处理tabs的数据

  

 

 4.此时,点击标题切换样式的同时,数据也随着改变了

 

 

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM