Vuetify按钮颜色不起作用

Question

我正在使用webpack来编译我的vuejs项目并使用vuetify框架,但我无法使颜色起作用.例如:

<v-btn color="error">Error</v-btn>

不会产生红色错误按钮,而只是白色错误按钮.我使用这个包含所有文件:

main.js

import Vuetify from 'vuetify'
Vue.use(Vuetify)
import '../node_modules/vuetify/dist/vuetify.min.css'

和App.vue

<style lang="stylus">
  @require '../node_modules/vuetify/src/stylus/main'
</style>

有人能告诉我我忘记了什么吗？

Answer 1

如果您不使用v-app包装您的应用程序,那么......

<v-app>
  <router-view/>
</v-app>

你会得到有趣的行为.将应用程序包装在该标签中为我修复了它.我明显地跳过快速设置指南中的条目声明:D

Answer 2

要解决此问题，请使用：

<v-app>

Answer 3

更新为vuetify v0.16.9使用颜色