在 Vue 单文件组件上获取范围 css 的 v-id-xx 值 [英] get v-id-xx value for scoped css on Vue Single File Component

问题描述

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

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

如何通过纯js​​获取组件的v-id-hash值?

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

推荐答案

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

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, "");

这是一个 CodeSandbox 演示例子.

Here's a CodeSandbox demo showing an example.

这篇关于在 Vue 单文件组件上获取范围 css 的 v-id-xx 值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！