微信小程序vant-indexBar 无反应解决方法

原创

已于 2024-01-23 19:00:14 修改 · 1.2k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #notepad++ #小程序

于 2024-01-23 18:59:53 首次发布

问题:van-indexBar 没反应

如图：点击旁边索引不跳到相对应的字母

问题解决方法

解决方法一：把代码放到页面，不能被任何标签包裹，如图

第二种办法：手写一个，代码如下：

//index.wxml

  <van-cell title="展示弹出层" is-link bind:click="showPopup" />

  <van-popup show="{
  
  { show }}" position="bottom" custom-style="height: 80vh;" bind:close="onClose">
    <scroll-view scroll-y="true" style="height: 80vh;" class="scroll_indexBar" scroll-into-view="{
  
  {item_char}}" binddragend="binddragend" enhanced="{
  
  {true}}" binddragstart="binddragstart">
      <view class="charNav">
        <view wx:for="{
  
  {indexList}}" data