注意事项

如果data-后面接的参数名的命名格式是驼峰格式,那么我们拿数据时要把参数名的大写字母转换成小写字符

代码示例

HTML代码

1
<van-button bind:click="goToModifyFriendPage" data-playerName="{{item.playerName}}">修改</van-button>

JavaScript代码

上面的HTML代码是data-playerName,但是通过playerName是拿不到数据的

必须把驼峰格式全部变成小写:playername,如下所示

1
2
3
goToModifyFriendPage(e) {
console.log(e.target.dataset.playername);
}