Vue.js 带 Bootstrap 的 Vue js，导航栏菜单不起作用

您需要使用VUE指令，而不是Data-toggle和data-Target...以下是在VUE中应该如何做:

<template>
<div>
    <!-- Button to toggle the sidebar -->
    <button
    class="navbar-toggler"
    type="button"
    @click="toggleSidebar"
    >
    <i class="fas fa-bars"></i>
    </button>

    <!-- Sidebar -->
    <nav
    id="sidebarMenu"
    :class="{ 'collapse': !sidebarOpen, 'd-lg-block': sidebarOpen, 'bg-white': sidebarOpen }"
    >
    <!-- Sidebar content -->
    </nav>
</div>
</template>

<script>
export default {
data() {
    return {
    sidebarOpen: true, // Initial state, you can set it to false if you want it closed by default
    };
},
methods: {
    toggleSidebar() {
    // Toggle the sidebarOpen state
    this.sidebarOpen = !this.sidebarOpen;
    },
},
};
</script>