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

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

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

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

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

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"

两个地方需要修改

2-1)入口js文件中:

关于vuetify一些奇怪的报错问题_第1张图片

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

页面效果图

关于vuetify一些奇怪的报错问题_第2张图片

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

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

你可能感兴趣的:(vue.js,vuetify)