如何在 Vuetify 组件中应用 active-class prop

问题描述

下面是老问题，我意识到问题不在于自定义属性，而是我有一个如下所示的组件，并且没有应用“active-class”。

我尝试将道具名称更改为 activeClass，但似乎不起作用

<VListGroup
                  key={item.text}
                  class='drawer-item'
                  active-class='drawer-active-item'
                >

我正在使用 Vue 开发一个新项目，并尝试将一些旧组件 (.vue) 文件转换为使用渲染函数和打字稿 (.tsx)，并尝试将 {{1 }} 块到一个单独的 <style/> 文件中。

虽然模板语法、v-if 和 all 可以很容易地转换，但是我被困在如果我的样式包含 .less、https://vuetifyjs.com/en/features/theme/#custom-properties]] 的部分

特别是customProperties，如下

我有以下

--v-primary-base

有没有办法从 .drawer-active-item { color: white; &::before { background-color: var(--v-primary-base); opacity: 1; } &:hover::before { opacity: 0.8; } &::after { background-color: var(--v-primary-base); opacity: 1; } &:hover::after { background-color: var(--v-primary-base); opacity: 0.8; } } 文件访问这些自定义 css 变量？我一直在谷歌上搜索诸如“在较少文件中访问 customProperties”和相关的东西，但我觉得也许我没有问正确的问题，或者正在寻找正确的资源来实现我想要实现的目标，指针将是太好了，谢谢。

我有一个当前如下所示的主题配置，仅用于某些上下文。

.less

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

less vue.js