vant中van-icon使用自定义图标

第一步：组件中引入 iconfont 的样式
我这里直接在main.js中引入的

import Vue from 'vue'
import App from './App'
import router from './router'
import Vant from 'vant';
import 'vant/lib/index.css';
import "./assets/icon/iconfont.css"

Vue.config.productionTip = false
Vue.use(Vant);
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

第二步：使用iconfont

<van-icon class="iconfont" class-prefix='icon' name='search' />

在这里name值图标在iconfont里的名字，更换图标只需要修改name的值