微信小程序-组件通信

一.父组件向子组件传值

以checkbox为例子,自定义一个checkbox组件,定义properties属性的checked值,当父组件checked值为true,则默认勾选。
父组件代码

<custom-checkbox  position="right" checked="true">
hello,slot
</custom-checkbox>

子组件代码:

<checkbox class="checkbox" checked="{{isCheck}}" 
bind:tap="update"></checkbox>

父组件将值传递到properties的checked属性,此时需要在JS中将checked的值赋给data中定义的isCheck才会使checkbox默认勾选

  //使用data接收properties的值
  observers:{
    checked:function(newChk){
      this.setData({
        isCheck:newChk
      })
      }
  }

相关推荐

  1. 程序-组件通信

    2024-07-16 23:32:05       20 阅读
  2. 程序网络通信

    2024-07-16 23:32:05       39 阅读
  3. 程序瀑布流组件

    2024-07-16 23:32:05       66 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 23:32:05       70 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 23:32:05       74 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 23:32:05       62 阅读
  4. Python语言-面向对象

    2024-07-16 23:32:05       72 阅读

热门阅读

  1. 【C语言实现双向循环链表】

    2024-07-16 23:32:05       23 阅读
  2. 前端面试题日常练-day88 【面试题】

    2024-07-16 23:32:05       21 阅读
  3. flex主轴元素控制优先级

    2024-07-16 23:32:05       20 阅读
  4. 从零开始学C语言第五天(练习)

    2024-07-16 23:32:05       22 阅读
  5. Python正则表达式中的分组

    2024-07-16 23:32:05       20 阅读
  6. 电容蓄电能力测试总结

    2024-07-16 23:32:05       21 阅读
  7. 【C++】使用gtest做单元测试框架写单元测试

    2024-07-16 23:32:05       19 阅读
  8. 探索Perl语言:入门学习与实战指南

    2024-07-16 23:32:05       20 阅读
  9. C# volatile关键字

    2024-07-16 23:32:05       24 阅读
  10. (138)SRAM接口--->(001)基于FPGA实现SRAM接口

    2024-07-16 23:32:05       21 阅读
  11. 排序之 快速排序、归并排序、堆排序

    2024-07-16 23:32:05       24 阅读
  12. Oracle或MySQL数据迁移到国产数据库后的注意事项

    2024-07-16 23:32:05       19 阅读