【报Bug】H5端循环中设置data-属性的异常问题

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 2.8.11

浏览器平台： Chrome

浏览器版本： edge 85.0.564.44

项目创建方式： HBuilderX

示例代码：

<template>  
    <view>  
        <button v-for="item in list" :key="item.value" :data-item="item" @click="handleClick">{{ item.label }}</button>  
    </view>  
</template>  
<script>  
    export default {  
        data () {  
            return {  
                list: [  
                    {  
                        label: '按钮1',  
                        value: 1  
                    },  
                    {  
                        label: '按钮2',  
                        value: 2  
                    }  
                ]  
            }  
        },  
        methods: {  
            handleClick (e) {  
                console.log(e.currentTarget.dataset.item)  
            }  
        }  
    }  
</script>

操作步骤：

点击按钮，查看打印的信息

预期结果：

打印出`item`的对象

实际结果：

实际打印出来的是这种`[object Object]`的字符串

bug描述：

h5循环中在元素上设置data-属性为对象的时候，点击后获取currentTarget.dataset中的值就成了这样[object Object]的字符串，如下图所示。

2020-09-07 18:17 负责人:无分享

2 个回复

云小萝

去年看过一个类似的问题，说是目前H5仅支持string类型，后续会进行优化

笑该动人

我在h5用String类型也拿不到数据现在dataset大多数时候是{},少数情况下我可以拿到dataset里面的数据

2021-05-05 17:28

liub1934 (作者)

几个月了官方也没个回复，哎

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

【报Bug】H5端循环中设置data-属性的异常问题

操作步骤：

点击按钮，查看打印的信息

预期结果：

打印出`item`的对象

实际结果：

实际打印出来的是这种`[object Object]`的字符串

bug描述：

2 个回复

公告

相关问题

【报Bug】H5端循环中设置data-属性的异常问题

操作步骤： 点击按钮，查看打印的信息

预期结果： 打印出item的对象

实际结果： 实际打印出来的是这种[object Object]的字符串

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

点击按钮，查看打印的信息

预期结果：

打印出`item`的对象

实际结果：

实际打印出来的是这种`[object Object]`的字符串