如何读取VueJs中元素的data-*？

在Vue.js中，可以通过使用$refs来读取元素的data-*属性。

首先，在Vue组件中，给需要读取的元素添加一个ref属性，例如：

<template>
  <div>
    <button ref="myButton" data-id="123">Click me</button>
  </div>
</template>

然后，在Vue实例中，可以通过this.$refs来访问这个元素，并使用getAttribute方法来读取data-*属性的值，例如：

<script>
export default {
  mounted() {
    const button = this.$refs.myButton;
    const id = button.getAttribute('data-id');
    console.log(id); // 输出：123
  }
}
</script>

这样就可以成功读取Vue.js中元素的data-*属性了。

对于Vue.js的相关知识和使用方法，推荐使用腾讯云的云开发产品-云开发 CloudBase，它是一款无服务器云开发平台，提供了前端开发、后端开发、数据库、存储等一站式解决方案。您可以通过以下链接了解更多关于腾讯云云开发的信息：

• 腾讯云云开发产品介绍
• 腾讯云云开发文档

请注意，以上答案仅供参考，具体的实现方式可能会根据您的具体需求和项目结构有所不同。