一些vue bootstrap-vue图标无法与nuxt一起使用

Chamara Abeysekara

到目前为止,我将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-upb-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

截至本文发布时的当前参考:

  • Bootstrap图标在v2.2.0版本中引入了BootstrapVue。
  • BootstrapVue v2.8.0中添加了Bootstrap Icons v1.0.0-alpha3。
  • BootstrapVue v2.15.0中添加了Bootstrap图标v1.0.0-alpha4。
  • BootstrapVue v2.16.0中添加了Bootstrap图标v1.0.0-alpha5。
  • BootstrapVue v2.17.0中添加了Bootstrap Icons v1.0.0。
  • BootstrapVue v2.19.0中添加了Bootstrap Icons v1.1.0。
  • BootstrapVue v2.21.0中添加了Bootstrap Icons v1.2.0。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS无法与bootstrap一起使用

来自分类Dev

CSS无法与bootstrap一起使用

来自分类Dev

React无法与Bootstrap一起使用

来自分类Dev

Bootstrap 导航栏一些项目居中,另一些项目在右侧

来自分类Dev

如何使用一些 bootstrap 的移动优先类

来自分类Dev

一些Glyphicons显示为空框Bootstrap 3?

来自分类Dev

Bootstrap:将一些导航栏项居中

来自分类Dev

一些Glyphicons显示为空框Bootstrap 3?

来自分类Dev

twitter bootstrap select掩盖了其中的一些标签

来自分类Dev

从Bootstrap .nav-tabs中删除一些边框

来自分类Dev

DataTable Bootstrap无法与AngularJs一起使用

来自分类Dev

Bootstrap的某些组件无法与Meteor一起使用

来自分类Dev

jQuery无法与Bootstrap单选按钮一起使用

来自分类Dev

Float无法与Twitter-Bootstrap一起使用

来自分类Dev

Bootstrap Datetimepicker无法与动态字段一起使用

来自分类Dev

VueJS组件无法与Bootstrap表一起使用

来自分类Dev

Bootstrap 3表无法与Meteor一起正常使用

来自分类Dev

Bootstrap无法与Rails 4一起使用

来自分类Dev

Twitter Typeahead无法与Bootstrap CSS一起使用

来自分类Dev

VueJS组件无法与Bootstrap表一起使用

来自分类Dev

无法与ng2-bootstrap一起使用DropdownModule

来自分类Dev

Vue 追加元素的一些问题

来自分类Dev

为什么全字形图标集不能与Bootstrap 3一起使用?

来自分类Dev

一些div在Bootstrap V3中无法正确响应

来自分类Dev

将Bootstrap与WebGrid一起使用?

来自分类Dev

Bootstrap SM Size 下一行的一些元素

来自分类Dev

使用 Bootstrap 4 列表组面板显示一些动态数据时出现问题

来自分类Dev

在Bootstrap导航栏后添加一些空间的最佳方法是什么?

来自分类Dev

一些bootstrap3字形不起作用

Related 相关文章

热门标签

归档