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

Question

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

纯js如何获取组件的v-id-hash值？

Answer 1

作用域样式数据 ID 添加到组件实例为：

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

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

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

这是一个CodeSandbox demo showing an example。