个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我是 VueJs 的新学生，我想在其中制作一个菜单和一个二级菜单。我想使用 Jquery-MetisMenu，所以我下载了它，将它放在我的 Index.html 上，然后我制作了一个菜单 View 的路由器。
这是我的 Menu.vue
<template>
<div class="app">
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav metismenu" id="side-menu">
<li>
<a href="#"><i class="fa fa-th-large"></i> <span class="nav-label"> Here First Level </span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li><a href="#"> Here Second Level </a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</template>
Routes.js
import ContentTest from './ContentTest.vue'
import Menu from './Menu.vue'
const routes = [
//{path: '/login', component: LoginView },
{
path: '/Menu',
component: Menu,
children: [
{
path: '/Menu/ContentTest',
component: ContentTest,
name: 'ContentTest 1'
}]
}]
export default routes
Body of Index.Html
<body>
<!-- Main View -->
<div id="container">
<div id="wrapper">
<router-view></router-view>
</div>
</div>
<!-- Script Files -->
<script src="dist/build.js"></script>
<script src="./node_modules/jquery/dist/jquery.min.js"></script>
<script src="./node_modules/metismenu/dist/metisMenu.min.js"></script>
</body>
问题在于崩溃，当我单击“这里是第一层”时，URL 变为“#”并且它丢失了。我试图在 href 中不放任何东西，但没用。
等待答案!非常感谢!!
@EDIT
解决了!我在 Index.html 的页脚添加
$(function() {
$('#side-menu').metisMenu({
toggle: false
});
});
成功了!
=)
最佳答案
@Johnson 为我工作
$(function() {
$('#side-menu').metisMenu({
toggle: false
});
});
关于jquery - VueRouter + VueJs2 + MetisMenu = 折叠错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46062731/
25
4
0
我正在使用 MetisMenu，当我在第三层菜单项上有一个链接时，一旦单击该链接，父菜单项就会全部折叠。 二级菜单 item 链接工作正常。 我的示例代码在这里:
我目前正在尝试使用 MetisMenu 制作下拉菜单 https://github.com/onokumus/metisMenu . 这是我到目前为止所拥有的(它是一个动画 .gif)。 如您所见，当
我正在使用 metisMenu对于管理员面板。我想让我的侧边栏菜单在鼠标悬停时自动扩展，速度平稳。我正在使用免费软件 advance admin template通过二进制主题。我已经使用以下 CSS
我正在尝试更改 metisMenu 的默认行为，以便如果父菜单有链接，则在用户单击该链接时打开链接，否则在用户单击 HOME ABOUT US CATEGORY P
我将以下 Bootstrap 导航侧边栏与 metisMenu jquery 库一起使用: Dashboard
我是 VueJs 的新学生，我想在其中制作一个菜单和一个二级菜单。我想使用 Jquery-MetisMenu，所以我下载了它，将它放在我的 Index.html 上，然后我制作了一个菜单 View 的
我想使用ng-include来渲染template的侧边栏。该模板需要jQuery metisMenu 插件作为下拉菜单。 问题:只有当我在部分模板“sidebar.html”中加载以下脚本时，插件才
在此页 http://jolaga.laohost.net/topsleva我使用 metisMenu 在左侧切换类别。除了一个小异常(exception)，它工作得很好。在 IE8/9 中，如果我单
我对 Jquerymetis 菜单有疑问。我想从数据库加载菜单元素，我正在使用 AngujarJS Controller 获取带有菜单元素的 JSON。 这里是 AngularJSController
我是一名优秀的程序员,十分优秀！