Vue.js 如何在vue中使用引导

Vue.js 如何在vue中使用引导,vue.js,bootstrap-4,Vue.js,Bootstrap 4,我正在尝试在我的Vue项目中使用引导。(使用Vue cli创建) 我已经通过npm安装了以下东西 引导程序4.6.0 Popper.js 1.16.1 Jquery 3.5.1 我已将Bootsrap导入main.js import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css' 问题是我不能使用Bootsrap中的下拉列表 还有什么我应该做的吗?有 您可以使用以下命令来安装它 npm install bootstrap-

我正在尝试在我的Vue项目中使用引导。(使用Vue cli创建)
我已经通过npm安装了以下东西

  • 引导程序4.6.0
  • Popper.js 1.16.1
  • Jquery 3.5.1
我已将Bootsrap导入main.js

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
问题是我不能使用Bootsrap中的下拉列表
还有什么我应该做的吗?

有 您可以使用以下命令来安装它

npm install bootstrap-vue

然后在main.js文件中,您可以导入它并将其用作

import BootstrapVue from 'bootstrap-vue';
import 'bootstrap-vue/dist/bootstrap-vue.css';

Vue.use(BootstrapVue)

我可以使用基本的方法来对事物进行分类,或者我必须使用他们提供的自定义标签吗?你需要使用他们在文档中提到的自定义标签,它也取决于你是否使用了范围/非范围的样式化SIFF,你发现这个答案是有用的,请考虑给它一个投票。谢谢:)\@HUNcut\uucode>我可以用简单的方法把类放到东西上吗。您不必使用组件,尽管我建议您使用,因为它通常较少标记,更统一。然而,这只适用于100%基于CSS的内容。对于通常需要Bootstrap.js的组件,如模态、下拉列表、祝酒词、弹出框/工具提示等。。您将需要使用与之对应的vue组件。如果升级到,则不需要使用第三方库(如bootstrap vue),因为不再需要jquery:
import BootstrapVue from 'bootstrap-vue';
import 'bootstrap-vue/dist/bootstrap-vue.css';

Vue.use(BootstrapVue)