Javascript 侧边栏菜单在Laravel+;vue+;管理员
我已经在我的Laravel+vue项目中使用npm安装了AminLte v3,所有东西都工作得很好,但是当我点击侧导航栏主菜单时,它被标记为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
<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');
}