本文介绍了在 Vue 单文件组件上获取范围 css 的 v-id-xx 值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
限时送ChatGPT账号..在 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屋!
更多推荐
[db:关键词]
发布评论