vuetify小记

vuetify2.0 引入

vuetify2.0-beta.9 的引入方式和 1.x 不同,直接升级会报错:Cannot read property ‘dark’ of undefined。

解决方法:

const vuetifyOptions = { }
Vue.use(Vuetify)

new Vue({
  el: '#app',
  vuetify: new Vuetify(vuetifyOptions)
})

https://github.com/vuetifyjs/vuetify/issues/6895

图标不显示

首先,要安装图标库:

npm i material-design-icons-iconfont -s

// 然后引用
import 'material-design-icons-iconfont/dist/material-design-icons.css'

// 如果还没有,则加上注册的代码
new Vuetify({
  icons: {
    iconfont: 'mdiSvg', // 'mdi' || 'mdiSvg' || 'md' || 'fa' || 'fa4'
  },
})