zoukankan      html  css  js  c++  java
  • 微信小程序-子向父传递数据

    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.此时,点击标题切换样式的同时,数据也随着改变了

     

      

  • 相关阅读:
    koa2跨域模块koa2-cors
    使用spring等框架的web程序在Tomcat下的启动顺序及思路理清
    logback 配置解析
    java 学习总结
    如何删除git远程分支
    C++11 锁 lock
    CAS 与 无锁队列
    docker 配置
    vim 中Taglist的安装和使用
    基于C++11的线程池,简洁且可以带任意多的参数
  • 原文地址:https://www.cnblogs.com/ytwanzi/p/12891796.html
Copyright © 2011-2022 走看看