获取Vue单个文件组件上作用域CSS的v-id-xx值

Question

When adding elements via pure js on Vue Single File Component, the added elements don't have v-id-xx attribute for scoped css.

How can I get THE component's v-id-hash value by pure js?

Answer 1

The scoped-style data ID is added to the component instance as:

this.$options._scopeId // returns something like 'data-v-763db97b'

This way you could add it as attribute using:

somElement.setAttribute(this.$options._scopeId, "");

Here's a CodeSandbox demo showing an example .