vue.js - 使用vue-strap时报错

问题描述

问 题

我看他官网需要依赖bootstrap.css,但是我发现我可能引入有问题
http://yuche.github.io/vue-st...
我是这样写的,我用了webpack和vue2，所以应该是这样引入CSS的我猜，但是这样好像bootstrap.css并不管用

import 'bootstrap/dist/css/bootstrap.min.css'
import navBar from './component/navBar.vue'
import carousel from 'vue-strap/src/Carousel.vue'
import slider from 'vue-strap/src/Slider.vue'
import alert from 'vue-strap/src/Alert.vue'

我写到CSS里就管用，可正式一点我不能这么写，而且还是会报上面的错

解决方案

直接把 bootstrap 及相关 fonts 文件夹放到 static 目录下，然后在 index.html 里用 link 引入 css 即可，css 路径前要加 /static/。

在style 里写也没问题啊，如果想显得更正式点，可以在 app.vue 文件中放两个 style 标签，其中一个使用 src 属性引用 bootstrap 的 css。

报错应该都是与 vue-strap 组件相关的，和 bootstrap 样式没有关系。
npm 安装的 vue-strap 目前应该只支持 Vue 1.0 吧，可以从 github 上获取一下 vue-strap 2.0 的分支试试，问题是否还存在。

如果对 bootstrap 熟悉，可以不用第三方组件，自己按需实现相关的组件。

这篇关于vue.js - 使用vue-strap时报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！