动态更改 Vuetify 3 主题 - 分步指南
P粉811329034
P粉811329034 2023-12-05 16:03:16
[Vue.js讨论组]

我想动态更改主题。我定义了 lightThemedarkTheme li

export default createVuetify({
  theme: {
    defaultTheme: "lightTheme",
    themes: {
      lightTheme: {
        dark: false,
        colors: {
          primary: "#ad1c3d",
          "page-header-background": "#d7d7ce",
          "page-background": "#cdcdc1",
          "table-header": "#cdcdc1",
          background: "#c0c0b5",
          "header-background": "#b5b5a6",
          "info-text": "#666660",
        },
      },
      darkTheme: {
        dark: true,
        colors: {
          primary: "#52E3C2",
          "page-header-background": "#282831",
          "page-background": "#32323E",
          "table-header": "#2e2e2e",
          background: "#3F3F4A",
          "header-background": "#4a4a59",
          "info-text": "#99999F",
        },
      },
    },
  },
});

我可以使用 this.$vuetify.theme 访问主题,但是我找不到如何在运行时更改主题。 Vuetify 2 中执行此操作的方法有所不同。我找不到任何 Vuetify 3 的示例。

Vuetify 3 中动态更改主题的正确方法是什么?

P粉811329034
P粉811329034

全部回复(1)
P粉736935587

文档似乎不正确。文档说要使用

this.theme.global.name.value = "themeName"

但实际上是

this.theme.global.name = "themeName"
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号