微信小程序跳转到列表指定列
时间: 2023-09-21 22:06:52 浏览: 49
可以通过在跳转链接中添加参数来指定列表的指定列。具体步骤如下:
1. 在列表页面的 wxml 中指定每一列的 data-id,例如:
```
<view class="list-item" data-id="1">
<text>第一列</text>
</view>
<view class="list-item" data-id="2">
<text>第二列</text>
</view>
<view class="list-item" data-id="3">
<text>第三列</text>
</view>
```
2. 在跳转链接中添加参数,例如:
```
wx.navigateTo({
url: '/pages/list/list?id=123&column=2'
})
```
3. 在列表页面的 onLoad 生命周期函数中获取参数,并滚动到指定列,例如:
```
onLoad: function(options) {
if (options.column) {
let column = options.column
wx.createSelectorQuery().select(`[data-id="${column}"]`).boundingClientRect(function(rect) {
wx.pageScrollTo({
scrollTop: rect.top
})
}).exec()
}
}
```
这样,当跳转到列表页面时,页面会自动滚动到指定列。