TypeScript+Vue+Quasar 替换原组件图标(iconSet)

Quasar替换原组件图标

使用Quasar-CLI搭建的Vue项目伙伴可以看看：

在初始化路由之前进行图标替换，步骤如下：

1、首先注释quasar.conf.js文件中设置如图

quasra.conf.js

2、导入自己项目的iconfont文件（目前使用的阿里巴巴的iconfont）看个人项目。

3、在路由钩子Router.beforeEach函数内手动配置组件字体图标

router.ts

PS：如果遇到第一个页面加载不出来，要写一个自定义的图标class放入到iconSet的某一个组件内，并写到第一个进入的页面加载一次才会渲染字体图标。目的就是触发icon的加载。