详细问题描述
模板v-for指令,事件监听器传参错误,例子如下:
按顺序删除 A, B, C。删除B时,监听器参数实际是A
[内容]
<template>
<view style="margin-top: 20vw;">
<view class="item" v-for="(item, index) in items" :key="index">
<button @click="del(index)">删除{{item.name}}</button>
</view>
</view>
</template>
export default {
data() {
return {
items: {
'a': {name: 'a', id: 'a'},
'b': {name: 'b', id: 'b'},
'c': {name: 'c', id: 'c'},
},
}
},
methods: {
del(a) {
console.log(a);
this.$delete(this.items, a);
// 赋值也是这样
// const newItems = {};
// for(const key of Object.keys(this.items)) {
// if (key !== a) {
// newItems[key] = this.items[key];
// }
// }
// this.items = newItems;
},
}
}
[步骤]
按顺序删除 A, B, C
[结果]
点击B时,传入的是A
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
HBuilderX
[IDE版本号] 2.6.1
[windows版本号] win10
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式?]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
2 个回复
DCloud_uniCloud_WYQ
已确认Bug,感谢反馈
DCloud_uni-ad_HDX
HBuilderX 2.6.3+ 已修复