源炁网络
源炁网络
  • 发布:2021-02-12 21:48
  • 更新:2021-02-20 11:35
  • 阅读:810

【报Bug】3.12更新后出现点击自定义组件e.target.dataset异常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

浏览器平台: Chrome

浏览器版本: HbuilderX 内置浏览器

项目创建方式: HBuilderX

示例代码:

页面:

<template>  
    <view @click="test" >  
        <test :clicked="clicked==='qqq'" data-type="qqq"></test>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                clicked:'qqq'  
            };  
        },  
        methods:{  
            test(e){  
                const{  
                    type,value  
                }=e.target.dataset  
                this.clicked=this.clicked==type?"":type  
                console.log(e.target.dataset)  
            }  
        }  
    }  
</script>  

<style lang="scss">  

</style>

test组件:

<template>  
    <view class="test editor-icon" :class="clicked?`clicked icon-bold`:`icon-bold`" @click="click" @tap="click">  

    </view>  
</template>  

<script>  
    export default {  
        props: {  
            clicked: Boolean  
        },  
        data() {  
            return {};  
        },  
        methods:{  
            click(e){  
                console.log(e.target.dataset)  
                this.$emit('click',e)  
            }  
        }  
    }  
</script>  

<style lang="scss">  
    @import "../sve-icon/editor-icon.css";  
    .test {  
        background-color: #fff000;  
        width: 100rpx;  
        height: 100rpx;  
    }  

    .clicked {  
        background-color: #000000;  
    }  
</style>  

操作步骤:

运行代码示例,点击色块

预期结果:
21:38:37.516 [object] {"type":"qqq5"}   at components/test/test.vue:17  
21:38:38.531 [object] {"type":"qqq5"}   at pages/test/test.vue:17

实际结果:
21:38:37.516 [object] {"type":"qqq5"}   at components/test/test.vue:17  
21:38:38.531 [object] {}   at pages/test/test.vue:17

bug描述:

自定义了一个组件,组件内有click事件处理函数,在父级层定义个click事件,点击触发后该自定义组件后,e.target.dataset就变成空对象了

2021-02-12 21:48 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,即将修复

  • 8***@qq.com

    请问你们修复到哪里了? 我3.1.22还是一样有问题

    2021-07-27 17:57

  • DCloud_UNI_GSQ

    回复 8***@qq.com: 你遇到的问题可能只是相近,并非相同,请具体描述一下

    2021-08-02 11:43

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.1.3 alpha 已修复

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