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

Question

通过Vue单个文件组件上的纯js添加元素时，添加的元素没有作用域CSS的v-id-xx属性。

如何通过纯js​​获得该组件的v-id-hash值？

Answer 1

范围样式数据ID的添加方式是：

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

这样，您可以使用以下方法将其添加为属性：

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

这是一个显示示例的CodeSandbox演示。