c***@qq.com
c***@qq.com
  • 发布:2020-02-29 21:14
  • 更新:2020-03-05 20:47
  • 阅读:994

【报Bug】模板v-for指令,事件监听器传参错误

分类:uni-app

详细问题描述

模板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]

2020-02-29 21:14 负责人:无 分享
已邀请:
DCloud_uniCloud_WYQ

DCloud_uniCloud_WYQ

已确认Bug,感谢反馈

DCloud_uniAD_HDX

DCloud_uniAD_HDX

HBuilderX 2.6.3+ 已修复

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