最近在使用vuetify时,发现引用vuetify的默认颜色显示不了,google一翻后发现了问题

问题

默认颜色显示不正常

比如,按钮,看下图

图1

解决办法

.vue文件中凡用到vuetify UI 组件的,需要将其放在v-app标签内,切记,切记,切记!

<template>
  <div>
    <v-app>
      <v-btn color="success">Success</v-btn>
      <v-btn color="error">Error</v-btn>
      <v-btn color="warning">Warning</v-btn>
      <v-btn color="info">Info</v-btn>
    </v-app>
  </div>    
</template>

完美解决
图2