<template>
<view class="container">
<button class="item" @click="reverse" size="mini">反转数组</button>
<view class="item" v-for="item of arr" :key="item._id" @click="show(item)">{{ item.text }}</view>
<view>{{ output }}</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
let output = ref('')
let arr = ref([{ _id: 1, text: 'aaa' }, { _id: 2, text: 'bbb' }, { _id: 3, text: 'ccc' }, { _id: 4, text: 'ddd' }])
function show(e) {
output.value += JSON.stringify(e) + '\r\n'
}
function reverse() {
arr.value = arr.value.reverse()
}
</script>
<style scoped>
.item {
margin: 20rpx;
padding: 20rpx;
}
</style>
3***@qq.com
- 发布：2021-12-29 11:48
- 更新：2022-01-04 17:10
- 阅读：943
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.3.3
第三方开发者工具版本号： 1.05.2111300
基础库版本号： 2.21.2
项目创建方式： HBuilderX
示例代码：
操作步骤：
1、点击aaa，下方显示aaa
2、点击反转数组
3、点击ddd，下方显示aaa，应显示ddd
1、点击aaa，下方显示aaa
2、点击反转数组
3、点击ddd，下方显示aaa，应显示ddd
预期结果：
@click中的参数应该随数组变化而变化
@click中的参数应该随数组变化而变化
实际结果：
@click中的参数没有随数组反转而变化
@click中的参数没有随数组反转而变化
bug描述：
v-for展示item后，点击第一项，显示aaa，然后反转数组，再点击第一项，还是显示aaa，应显示ddd。
2 个回复
DCloud_UNI_FXY
稍后修复，临时解决方案，不指定key，或者将key指定为index
DCloud_UNI_FXY
升级至HBuilderX Alpha 3.3.6