Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 侧边栏菜单在Laravel+;vue+;管理员_Javascript_Css_Laravel_Vue.js_Adminlte - Fatal编程技术网

Javascript 侧边栏菜单在Laravel+;vue+;管理员

Javascript 侧边栏菜单在Laravel+;vue+;管理员,javascript,css,laravel,vue.js,adminlte,Javascript,Css,Laravel,Vue.js,Adminlte,我已经在我的Laravel+vue项目中使用npm安装了AminLte v3,所有东西都工作得很好,但是当我点击侧导航栏主菜单时,它被标记为 <li class="nav-item has-treeview"> <a href="#" class="nav-link"> <i class="nav-icon fas fa-users"></i> <p> Members

我已经在我的Laravel+vue项目中使用npm安装了AminLte v3,所有东西都工作得很好,但是当我点击侧导航栏主菜单时,它被标记为

<li class="nav-item has-treeview">
    <a href="#" class="nav-link">
        <i class="nav-icon fas fa-users"></i>
        <p>
            Members
            <i class="fas fa-angle-left right"></i>
            <span class="badge badge-warning right">new:2</span>
        </p>
    </a>
    <ul class="nav nav-treeview">
        <li class="nav-item">
            <router-link :to="{name : 'members'}" class="nav-link">
                <i class="fas fa-user-check nav-icon"></i>
                <p>All</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersLatest'}" class="nav-link">
                <i class="fas fa-user-plus nav-icon"></i>
                <span class="badge badge-danger right">2</span>
                <p>Latest</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersPending'}" class="nav-link">
                <i class="fas fa-user-clock nav-icon"></i>
                <p>Pending</p>
            </router-link>
        </li>
        <li class="nav-item">
            <router-link :to="{name:'membersSuspended'}" class="nav-link">
                <i class="fas fa-user-lock"></i>
                <span class="badge badge-danger right">2</span>
                <p>Suspended</p>
            </router-link>
        </li>
    </ul>
</li>
这是一部分,它没有打开主菜单内的子菜单,我包括来自另一个vue组件的导航栏


有人能告诉我如何解决这个问题吗?

当您点击的是另一条路线而不是欣赏路线时,treeview选择器无法找到该元素。当您推送url重定向到adminlte时,treeview将无法工作,因为选择器是在装入元素之前定义的

要解决此问题,请在侧边栏组件中定义已安装的挂钩


在bootstrap.js文件中,将
require('admin-lte')
放在下面
require('bootstrap')

请创建代码段,以便我们尝试帮助您:)Snippest不可能,因为它在.html文件中作为预览在这里工作
<a href="#" class="nav-link">
    <i class="nav-icon fas fa-users"></i>
    <p>
        Members
        <i class="fas fa-angle-left right"></i>
        <span class="badge badge-warning right">new:2</span>
    </p>
</a>
mounted(){
   $('[data-widget="treeview"]').Treeview('init');
}