代码片段如下,想做一个如下结构的 tabs 标签页组件:
// pgae.wxml
<view style="margin: 0 15px;">
<s-tabs active="{{0}}">
<s-tab title="标签 1">内容 1</s-tab>
<s-tab title="标签 2">内容 2</s-tab>
<s-tab title="标签 3">内容 3</s-tab>
</s-tabs>
</view>
//s-tabs
<view class="container">
<view class="title" wx:for="{{title}}" wx:for-index="idx" wx:key="item" data-idx="{{idx}}" bindtap="changeHandle">
<view class="{{idx === active ? 'active' : ''}}">{{item}}
</view>
</view>
</view>
<slot />
//s-tab
<view class="tab" bind:changeHandle="changeHandle" style="display: {{title === titles[active] ? 'block' : 'none'}}">
<slot />
</view>
如何在执行 changeHandle 方法时传值给s-tab 组件,page 页面代码不改动的情况下.
目前 tab 是通过 relations 获取到默认的 active 来显示默认内容的
通过properties传。。
https://developers.weixin.qq.com/s/ENWKpLma7Xs3