Vue.js 在vuejs中获取scroped CSS属性最可靠的方法是什么?

Vue.js 在vuejs中获取scroped CSS属性最可靠的方法是什么?,vue.js,vuejs2,Vue.js,Vuejs2,在vuejs中,元素被分配一个以“data-v-***”开头的属性 我找不到任何关于获取此值的文档,因此最终使用refs并获取主节点的属性: <template> <div class="m-colour-picker" ref="thisContainer"> ... </div> </template> 但是感觉有点强迫。。vue中是否有一种方法可以获取已经内置的内容?与vue.js几乎没有

在vuejs中,元素被分配一个以“data-v-***”开头的属性

我找不到任何关于获取此值的文档,因此最终使用refs并获取主节点的属性:

<template>
  <div class="m-colour-picker" ref="thisContainer">
  ...
  </div>
</template>

但是感觉有点强迫。。vue中是否有一种方法可以获取已经内置的内容?

与vue.js几乎没有关系。任何元素的数据属性都会自动与其内部对象同步

例如:

console.log(foobar.dataset);
log(foobar.dataset.vFoo);
log(foobar.dataset.vBar);
//请注意数据属性如何包含比初始数据更多的数据-破折号
//自动转换为驼峰大小写:
//data-v-foo-bar==>dataset.vFooBar
log(foobar.dataset.vFooBar);
//如果您只关心属性的名称:
log(Object.keys(foobar.dataset))

Ref那些
数据-*
属性:新的一天新的把戏:)谢谢,我不知道这个
    const attributes = this.$refs.thisContainer.getAttributeNames();
    let dataAttribute = '';
    attributes.forEach((attribute: string) => {
      if (attribute.substring(0, 5) === 'data-') {
        dataAttribute = attribute;
      }
    });