<view> <uni-section title="学习新闻" type="circle"> <view class="body" v-for="(item,index) in swiperBist" :key="index" @click="handleClick(item)"> <uni-row class="demo-uni-row"> <uni-col :span="7"> <view class="demo-uni-col dark"> <image :src="item.image" mode="widthFix" class="imgb"></image> </view> </uni-col> <uni-col :span="7" :offset="6"> <view class="demo-uni-col dark"> <view class="a"> <text>{{item.text}}</text> <text class="time">{{item.time}}</text> </view> </view> </uni-col> </uni-row> </view> </uni-section> </view>怎么设置每个循环跳转不同的页,面
时间: 2023-07-19 10:39:51 浏览: 92
styled-view:ReactUI Primitive for React,带有CSS-in-JS支持
要设置每个循环跳转不同的页面,你需要在`handleClick`方法中获取到对应的`item`,然后根据`item`中的数据来判断跳转到哪个页面。代码示例:
```
methods: {
handleClick(item) {
if (item.type === 'news') {
uni.navigateTo({
url: '/pages/newsDetail?id=' + item.id
})
} else if (item.type === 'video') {
uni.navigateTo({
url: '/pages/videoDetail?id=' + item.id
})
}
// 其他类型的页面跳转逻辑
}
}
```
在上面的代码中,我们根据`item`中的`type`来判断跳转到哪个页面,同时需要将对应的`id`传递给目标页面,这样目标页面才能根据`id`来获取对应的数据。你需要根据你的具体业务逻辑来修改`handleClick`方法。
阅读全文