uniapp小程序v-for循环绑定事件传值为undefined
描述:uni-app 中的v-for中 在点击传值的时候函数中在页面输出的是有效值在微信小程序中输出的却是undefined 未定义的值item.code和item.name都是有值的代码:<view v-for="(item,index) in foodlist" :key="item.code" @click='changeType(item.name)' :class="item.na
·
描述:
uni-app 中的v-for中 在点击传值的时候函数中在页面输出的是有效值
在微信小程序中输出的却是undefined 未定义的值
item.code和item.name都是有值的
代码:
<view v-for="(item,index) in foodlist" :key="item.code" @click='changeType(item.name)' :class="item.name == curClass? 'title-item-active title-item' : 'title-item'">
<view class="title-img">
<image :src="foodImgs[item.code]" mode=""></image>
</view>
<view class="title-text">
{{item.name}}
</view>
</view>
问题:可能是key出现问题,key需要有效值,且唯一(但是item.code是有值的?)
解决:将:key="item.code"改为 :key=“index”,便没有问题了
更多推荐
已为社区贡献3条内容
所有评论(0)