收藏
回答

嵌套组件父组件怎么传值给子组件?

代码片段如下,想做一个如下结构的 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 来显示默认内容的

回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容