当前位置：网站首页>uni-app - uview Swiper 轮播图组件点击跳转链接（点击后拿到 item 行数据, 取出数据做操作）

uni-app - uview Swiper 轮播图组件点击跳转链接（点击后拿到 item 行数据, 取出数据做操作）

2022-08-09 12:41:00 【王佳斌】

前言

当您调用后端接口拿到轮播图数据后，会有 点击轮播图时，跳转到详情或链接的需求。

通过观察文档，只有如下图所示事件：

在这里插入图片描述
很遗憾，这个 index 并不是我们要的整个行（item）数据，

我们无法拿到其中的 id 来跳转详情，更不能拿到其中的任何数据。

解决方案

给您提供一个示例，您可以直观的看到本文是如何操作并完成的。

随便找个页面，一键复制运行起来：

<u-swiper :list="list" @click
原网站

版权声明
本文为[王佳斌]所创，转载请带上原文链接，感谢
https://wangjiabin.blog.csdn.net/article/details/126240898

边栏推荐

猜你喜欢

随机推荐