收藏
回答

请问Vant-Sidebar组件,如何切换不同内容?

代码如下,请问如何通过点击van-sidebar-item项改变{{activeKey}}的值,实现box_1的内容显示与隐藏。

<view class="side">
  <van-sidebar active-key="{{ activeKey }}" bind:change="onChange">
    <van-sidebar-item title="标签名 1" />
    <van-sidebar-item title="标签名 2" />
    <van-sidebar-item title="标签名 3" />
  </van-sidebar>
  <van-notify id="van-notify" />
</view>
<view class="box_1" wx:if="{{activeKey == 0}}">11</view>
<view class="box_1" wx:elif="{{activeKey == 1}}">22</view>


data{
  activeKey0,
},
onChange(event) {
  Notify({ type'primary'message: event.detail });
},
回答关注问题邀请回答
收藏

1 个回答

  • 困难
    困难
    2021-10-22
    你这处理函数不是已经写出来了吗,接着写啊??
    

    点击切换后的打印


    2021-10-22
    有用 2
    回复 1
    • Orcatt💛
      Orcatt💛
      2021-10-22
      额原来这样写,谢谢!!!
      2021-10-22
      回复
登录 后发表内容