【问题标题】:Vuetify theme doesn't changeVuetify 主题不会改变
【发布时间】:2018-07-15 01:03:26
【问题描述】:

正如doc 所说,我用它来更改我项目的默认主题:

Vue.use(Vuetify, {
 theme: {
 primary: '#ff0000',
 secondary: '#ff0000',
 accent: '#ff0000',
 error: '#ff0000'
}
})

但是什么也没发生。默认原色(#1976D2)仍然存在,没有任何变化。为什么它不起作用?

【问题讨论】:

  • 一些不工作的示例代码?
  • add 添加图标颜色将是默认的主要颜色。(#1976D2) @Traxo
  • primary 属性在较新版本中已弃用。改用color 属性:color="primary",其他颜色同上
  • 它们都可以正常工作...但是颜色不会改变。@Traxo
  • 你的 vuetify 版本是什么?

标签: vue.js vuetify.js


【解决方案1】:

旧版本的 Vuetify 不支持使用 Vue.use 编辑主题。
将 Vuetify 升级到 0.17.0 或更高版本将解决您的问题。

【讨论】:

  • 来源? afaics vuetifyjs.com/releases/0.16/#/style/theme 说可以这样改
  • 哦,我的意思是旧版本不支持使用Vue.use 编辑主题。我修复了我的帖子。
  • 正如 Traxo 所说,v0.16 的官方文档实际上提到了使用 Vue.use 进行自定义。但是(至少在我的情况下)Vue.use 在我使用 Vuetify 0.16 时没有创建 $vuetify.theme 属性...
  • 我一开始也怀疑是版本,所以我只检查了文档,没有自己测试。大声笑,想知道如果它不起作用,为什么会提到它。我在github上查过,所以你确实是正确的Theme colors are now defined in the Vue.use statement instead of stylusgithub.com/vuetifyjs/vuetify/releases/tag/v0.17.0
猜你喜欢
  • 2021-03-01
  • 2019-10-07
  • 1970-01-01
  • 2020-04-14
  • 1970-01-01
  • 1970-01-01
  • 2018-09-23
  • 2021-01-29
  • 2021-05-18
相关资源
最近更新 更多