nativescript-vue - 如何使用 JavaScript 在 NativeScript 中读取 CSS 变量

Question

我在我的 NativeScript-Vue 应用程序中使用 CSS 变量，如 official documentation 中所述.我正在寻找一种使用 JavaScript 读取变量值的方法。由于没有真正的浏览器引擎，established way不起作用。

Answer 1

文档不多，但实际上API文档中提到了一个方法: Style.getCssVariable(name) .使用此方法您可以读取 CSS 变量，定义在 app.[s]css 中。像这样:

const color = this.$root.nativeView.style.getCssVariable('--color-primary')
console.log(color); // e.g. '#FF0000'

我原以为这也适用于 this.$el ，但由于某种原因，这只会返回 null在我的设置中，尽管变量在全局范围内并且以相同组件的样式提供。也许其他人可以澄清，这是为什么。