Bagaimana untuk menggunakan bar navigasi bootstrap dalam vue.js?

Question

Dalam HTML umum, ia berfungsi dengan baik mengikut dokumentasi, tetapi ia tidak berfungsi dengan betul dalam projek vue saya Adakah kerana saya tidak mengimport popper.js? Saya tidak fikir saya mengeksport ke html, dan saya tidak pasti di mana untuk mengimportnya. Lebih tepatnya, bar navigasi biasa berfungsi, tetapi menu kandungan luaran yang berfungsi pada skrin kecil (peranti mudah alih) tidak berfungsi. Tolong saya main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './routes/index.js'

createApp(App)
//plugin
.use(router)
.mount('#app')

Tangkapan skrin struktur direktori

Tangkapan skrin aplikasi web saya

Answer 1

Boleh guna

Bootstrap Vue

Atau sertakan Bootstrap CSS dan JS dalam “index.html”

anda