uni-list-item使用to跳转连接传参
时间: 2023-12-11 21:02:44 浏览: 195
uni-app列表项实现左划操作功能
可以使用 `uni-list-item` 的 `navigator` 属性来实现跳转,同时在 `to` 属性中传递参数。可以参考下面的代码:
```html
<uni-list>
<uni-list-item navigator to="/pages/detail/detail?id={{item.id}}">
{{item.title}}
</uni-list-item>
</uni-list>
```
在跳转到目标页面时,可以通过 `onLoad` 方法获取传递过来的参数。例如:
```javascript
// 在目标页面的 onLoad 方法中获取参数
onLoad: function(options) {
console.log(options.id);
}
```
这里的 `options` 参数即为前一个页面通过 `to` 属性传递过来的参数。
阅读全文