使用vuetify时遇到的坑------默认样式显示不了

aries 发表于 2021-08-18 43 次浏览 标签 : vuetifyvue

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

问题

默认颜色显示不正常

比如,按钮,看下图

解决办法

.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>

完美解决

0条评论

如需评论,请填写表单。
换一个

记住我的信息