Vue.js 在vuejs中获取scroped CSS属性最可靠的方法是什么?
在vuejs中,元素被分配一个以“data-v-***”开头的属性 我找不到任何关于获取此值的文档,因此最终使用refs并获取主节点的属性: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几乎没有
<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;
}
});