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

作者: aries 分类: 杂七杂八 发布时间: 2021-08-18 08:33 ė 579次浏览 6 0评论

最近在使用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 vuetifyvue
换一个
暂无评论
Ɣ回顶部