2***@qq.com
2***@qq.com
  • 发布:2019-05-28 11:20
  • 更新:2019-05-28 11:20
  • 阅读:1566

在支付宝和百度小程序中v-for渲染的元素中只有第一个元素的点击事件生效

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

如题,但在同一个页面的另一个v-for中的点击事件就没有问题

出问题的部分

<view v-for="c in categories">  
					<view class="catelist" @click="selectId">  
						<view class="listbox selected" v-if="c.Id == selectid"><text>{{c.Name}}</text></view>  
						<view class="listbox" v-else ><text>{{c.Name}}</text></view>  
					</view>  
				</view>

正常的部分

<view v-for="(cate,cateindex) in categories" :key="cateindex" class="cate-content">  
					<view v-if="cate.Id == selectid">  
						<view v-if="cate.SubCategories.length == 0">  
							<view class="cate-block" @click="viewCategory(cate.Id)">  
								<image class="cate-img" :src="cate.PictureModel.ImageUrl"></image>  
								<text class="cate-text">{{cate.Name}}</text>  
							</view>  
						</view>  
						<view v-else>  
							<view v-for="(subcate,subindex) in cate.SubCategories" :key="subindex">  
								<view class="sub-block" v-if="subcate.SubCategories.length">  
									<text class="subcate">{{subcate.Name}}</text>  
									<view class="cate-block" @click="viewCategory(subcate2.Id)" v-for="(subcate2,subindex2) in subcate.SubCategories" :key="subindex2">  
										<image class="cate-img" :src="subcate2.PictureModel.ImageUrl"></image>  
										<text class="cate-text">{{subcate2.Name}}</text>  
									</view>  
								</view>  
								<view @click="viewCategory(subcate.Id)" v-else class="cate-block">  
									<image class="cate-img" :src="subcate.PictureModel.ImageUrl"></image>  
									<text class="cate-text">{{subcate.Name}}</text>  
								</view>  
							</view>  
						</view>  
					</view>  
				</view>
2019-05-28 11:20 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复