小程序vant index索引跳转锚点失败

dist方式导入vant weapp,按照官方demo实现index索引功能,无法定位,颜色也不改变。

// index.wxml代码
<van-index-bar
        index-list="{{ airportCodeIndexList }}"
        scroll-top="{{ scrollTop }}">
        <view wx:for="{{ airportCodeIndexList }}" wx:key="index">
            <van-index-anchor use-slot="{{ true }}" index="{{ item }}">
                <text>{{ item }}</text>
            </van-index-anchor>
            <van-cell title="文本" />
            <van-cell title="文本" />
            <van-cell title="文本" />
        </view>
</van-index-bar>

index.js

// index.js代码
const airportCodeIndexList = [];
//后期数据自定义
const charCodeOfA = 'A'.charCodeAt('0');
for (let i = 0; i < 26; i++) {
  airportCodeIndexList.push(String.fromCharCode(charCodeOfA + i));
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    airportCode: '',
    airportCodeIndexList,
    scrollTop: 0,
  },

  onPageScroll(event) {
    this.setData({
      scrollTop: event.scrollTop
    });
  },
    //后面略

效果

图片说明

查看源代码
图片说明

数据可以获得,不清楚是怎么回事。

1个回答

看一下 子组件传值给父组件看下 父组件拿到这个 c 这个值了没有? 没有的话 看下 报的什么错误

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问