vue+vant中引⼊iconfont字体图标的问题
使⽤的是iconfont的图标，下载⾄本地使⽤的，图标⽐较少，使⽤的⽂件中引⼊，使⽤import或者css的@import都不⾏，⼀直报错最后被逼⽆奈，在main.js中引⼊的图标
这不是我本意，后续有时间继续探讨在指定⽂件引⼊字体图标的问题
使⽤的时候是van-field的组件中使⽤的，该组件⾃带了后缀图标的引⼊⽅法：
<van-field
v-model="value1"
label="⽂本"
left-icon="smile-o"
right-icon="warning-o"
placeholder="显⽰图标"
/>
icon图标库  其中left-icon表⽰在左侧插⼊图标，right-icon表⽰在右侧插⼊图标，但是直接使⽤iconfont的⽅法写⼊不⽣效
  最后解决办法是在van-field的组件中插⼊van-icon的组件结合slot的⽅法插⼊，代码如下
<van-field
v-model='textarea'
rows='2'
maxlength = '200'
label='请输⼊留⾔'
show-word-limit
placeholder='可以点击语⾳输⼊⽂字'
@click-right-icon='getSpeak'>
<van-icon class='iconfont' class-prefix='icon' slot='right-icon' name='yuyin'></van-icon>
</van-field>
  其中class-prefix=‘icon’的写法固定，暂时未到其原因，slot='right-icon'表⽰插⼊到van-field中的right-icon中，最后呈现效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。