获取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 demo showing an example。