小程序用了一段时间了,我对里面组件的用法也有了一定了解,今天就自己封装一个组件来简要演示一下组件通信问题(主要是父传子)
根据小程序官方文档的描述,组件传值主要分为:
- WXML 数据绑定:用于父组件向子组件的指定属性设置数据
- 事件:用于子组件向父组件传递数据,可以传递任意数据。
- 父组件通过 this.selectComponent方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法。
比如 父子属性数据传递:
list.wxml 父组件
<view class="tabs">
<z-tabs tabnames="{
{item}}" currentIndex="{
{currentIndex}}" index="{
{index}}" data-index="{
{index}}" wx:for="{
{tabnames}}" wx:key="index" ></z-tabs>
</v