Vue 自定义组件的 dataset 属性是一个对象，它包含了组件元素上所有以 “data-” 为前缀的自定义属性及对应的值。这个属性主要用于在组件内部访问和操作这些自定义属性的值。
当我们在组件模板中给组件元素添加自定义属性时，比如 ，这些属性会被 Vue 自动提取并存储在组件实例的 dataset 属性中。
在组件内部可以通过 this.dataset 来获取 dataset 属性。通过 this.dataset，我们可以访问到组件元素上所有以 “data-” 开头的自定义属性及其值。比如如果你在组件模板中这样写了一个属性：，那么在组件内部可以通过 this.dataset.userId 来获取到 “123” 这个值。
在组件内部，我们可以根据 dataset 属性来动态地操作自定义属性的值。比如可以根据不同的条件来改变某个自定义属性的值，然后根据这个值来进行不同的业务逻辑处理。
总之，Vue 自定义组件的 dataset 属性能够方便地访问和操作组件元素上以 “data-” 开头的自定义属性及其值。这样能够更灵活地处理组件内部的业务逻辑，增强了组件的可定制性。
vue中设置获取自定义值
在 Vue 中设置和获取自定义值可以通过自定义指令来实现。以下是一个简单的例子：
<template>
<div v-mydirective:myvalue="myProp"></div>
</template>
<script>
export default {
data() {
return {
myProp: 'hello world'
}
},
directives: {
mydirective: {
bind(el, binding) {
el.dataset[binding.arg] = binding.value
}
}
}
}
</script>在上面的例子中，我们定义了一个名为 mydirective 的自定义指令，然后将其绑定到一个元素上。这个自定义指令接受一个参数 myvalue，并将组件的 myProp 值设置为这个参数。具体来说，bind 钩子函数会在指令绑定到元素上时调用，它会将参数作为元素的 data-* 属性存储。这样，我们就可以在其他地方获取这个自定义值了。
例如，我们可以在组件的 mounted 钩子函数中获取这个自定义值：
mounted() {
const el = this.$el.querySelector('div')
const myValue = el.dataset.myvalue
console.log(myValue) // 'hello world'
}这样，我们就可以在 Vue 中设置和获取自定义值了。需要注意的是，自定义指令只是一种方式，你也可以通过其他方式来实现类似的效果。
使用vue-seamless-scroll中dataset获取不到元素
在使用vue-seamless-scroll时，如果无法获取到元素的dataset属性，可能是因为以下几个原因：
-
元素不存在：首先要确保你要获取dataset的元素确实存在于DOM中。可以通过浏览器的开发者工具检查元素是否存在。
-
元素未正确绑定数据：vue-seamless-scroll是基于Vue.js的插件，它使用了Vue的数据绑定机制。如果你无法获取到dataset属性，可能是因为元素未正确绑定数据。请确保你已经正确地将数据传递给了vue-seamless-scroll组件，并且在模板中正确地使用了数据。
-
元素未正确设置属性：dataset属性是HTML5新增的属性，用于获取和设置自定义数据属性。如果你无法获取到dataset属性，可能是因为元素未正确设置自定义数据属性。请确保你已经正确地设置了自定义数据属性，并且使用了正确的命名规范（以”data-”开头）。
如果以上方法都无法解决问题，可以尝试使用其他方式获取元素的数据，例如通过class或id选择器获取元素，并使用其他属性或方法来获取所需的数据。