关于vuetify一些奇怪的报错问题

1)icon不显示问题,须要引入icon库css

cnpm install material-design-icons-iconfont --save-dev

入口js文件中:
import 'material-design-icons-iconfont/dist/material-design-icons.css'

2)控制台报错:
相似于一些你看不懂的错......vue

Error in getter for watcher "isDark": "TypeError: Cannot read property 'dark' of undefined"
Error in getter for watcher "isDark": "TypeError: Cannot read property 't' of undefined"

两个地方须要修改npm

2-1)入口js文件中:

clipboard.png

2-2).vue文件中凡用到vuetify UI 组件的,须要将其放在v-app标签内
<template>
  <div class="grey lighten-5 pa-4">
    <v-app>
      <v-btn color="success" > Button </v-btn>
      <v-btn text icon color="pink">
        <v-icon>favorite</v-icon>
      </v-btn>
      <v-icon>home</v-icon>
      <v-icon large color="blue darken-2">chat</v-icon>
    </v-app>
  </div>
</template>

页面效果图app

clipboard.png

须要注意,vuetify官网上的一些示例代码所用的文字图标库可能和上文所说的图标图不一致,因此会致使将官网代码复制到本地测试以后出现icon不显示的问题,须要本身修改对应图标,按照官网教程中的icon栏进行选择,另,你也能够引入第三方图标库测试

其实比较关键的问题是上述第二个问题,以此记录spa

相关文章
相关标签/搜索