到目前为止,我将Nuxt与bootstarp-vue一起使用。但一些自举图标未显示
索引值
<b-icon-arrow-up></b-icon-arrow-up>
<b-icon icon="bar-chart-fill"></b-icon>
<b-icon icon="cart"></b-icon>
nuxt.config.js
modules: [
'bootstrap-vue/nuxt',
],
bootstrapVue: {
icons: true,
},
两者b-icon-arrow-up
和b-icon icon="bar-chart-fill"
SVG都在工作,并且正在作为SVG加入DOM。只是b-icon icon="cart"
SVG标签中有一个空白g
。我还尝试了其他几个图标以及摄像头,正斜线圆圈出现并发出警报,后退图标不再像购物车一样出现。
我还尝试过像这样从bootstarp-vue中将购物车作为一个组件拉出,
import { BIcon, BIconCart } from 'bootstrap-vue'
.....
export default {
components: {
BIcon,
BIconCart
},
....
哪一个都不起作用,我只是出错了,说BIconCart
找不到组件
BootstrapVue
您使用的版本可能没有所需的图标,因此请尝试更新BootstrapVue
到最新版本。
您可以在图标页面https://bootstrap-vue.org/docs/icons上查看哪个版本的BootstrapVue包含哪个版本的Bootstrap-Icons 。
截至本文发布时的当前参考:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句