> 文章列表 > 微信小程序获取属性值

微信小程序获取属性值

微信小程序获取属性值

在微信小程序中,获取自定义属性值通常使用`dataset`属性,该属性包含了元素上`data-`开头的所有自定义属性。以下是如何获取自定义属性值的步骤和注意事项:

1. 在WXML中,为元素添加自定义属性,使用`data-`开头,例如:

```html```

2. 在对应的JS文件中,通过`e.currentTarget.dataset`获取自定义属性值,注意属性名必须是小写的:

```javascriptPage({ handleTap: function(e) { const id = e.currentTarget.dataset.id; // 获取data-id的值 const name = e.currentTarget.dataset.name; // 获取data-name的值 console.log(id, name); }})```

3. 如果属性名包含破折号(-),在JS中获取时,破折号会被转换为驼峰命名法,例如`data-task-id`在JS中获取为`taskId`。

4. 如果属性名是数字或包含数字,确保在JS中获取时属性名也是数字或包含数字的形式。

5. 如果属性名包含特殊字符,确保在JS中获取时属性名也是使用相同的形式,包括特殊字符。

请确保遵循这些步骤和注意事项,以便正确获取微信小程序中自定义属性的值

其他小伙伴的相似问题: