Javascript 将Mmenu插件集成到Vue.js项目

如何在Vue.js中集成mmenu jQuery插件？ 我在index.html中插入了mmenu，如下所示：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/7.0.1/jquery.mmenu.all.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/7.0.1/jquery.mmenu.all.js"></script>

以及标记：

<a href="#menu">Menu</a>
<!-- The menu -->
<nav id="menu">
    <ul>
        <li><router-link to="/">Home</router-link></li>
        <li><router-link to="/about">About</router-link></li>
        <li><router-link to="/contacts">Contact us</router-link></li>
    </ul>
</nav>

家
关于
联系我们

---

但它似乎不起作用。我必须做什么才能使它以正确的方式工作？

首先检查控制台中是否没有javascript错误。然后，在手册的帮助下，尝试使用API

open（）

方法打开面板。我认为不仅仅是Vue.js，首先要检查控制台中是否存在javascript错误。然后，在手册的帮助下，尝试使用API

open（）

方法打开面板。我认为不仅仅是Vue.js

如果还有人对此感兴趣，我会这样解决：

<template>
    <div class="mobile-menu">
        <a href="#menu">
            <span></span>
        </a>
        <nav id="menu">
            <!-- menu list to insert here -->
        </nav>
    </div>
</template>

<script>
import 'mmenu-js/dist/mmenu.css'
import 'mmenu-js/dist/mmenu.js'

export default {
    mounted() {
        new Mmenu(document.querySelector('#menu'))

        document.addEventListener('click', evnt => {
            let anchor = evnt.target.closest('a[href^="#/"]')
            if (anchor) {
                // Go somewhere
                evnt.preventDefault()
            }
        })
    }
}
</script>

导入“mmenu js/dist/mmenu.css”
导入'mmenu js/dist/mmenu.js'
导出默认值{
安装的（）{
新建Mmenu（document.querySelector（“#菜单”））
document.addEventListener（'click'，evnt=>{
让anchor=evnt.target.closest（'a[href^=“#/”]））
如果（锚定）{
//去某处
evnt.preventDefault（）
}
})
}
}

如果有人仍然感兴趣，我可以这样解决：

<template>
    <div class="mobile-menu">
        <a href="#menu">
            <span></span>
        </a>
        <nav id="menu">
            <!-- menu list to insert here -->
        </nav>
    </div>
</template>

<script>
import 'mmenu-js/dist/mmenu.css'
import 'mmenu-js/dist/mmenu.js'

export default {
    mounted() {
        new Mmenu(document.querySelector('#menu'))

        document.addEventListener('click', evnt => {
            let anchor = evnt.target.closest('a[href^="#/"]')
            if (anchor) {
                // Go somewhere
                evnt.preventDefault()
            }
        })
    }
}
</script>

导入“mmenu js/dist/mmenu.css”
导入'mmenu js/dist/mmenu.js'
导出默认值{
安装的（）{
新建Mmenu（document.querySelector（“#菜单”））
document.addEventListener（'click'，evnt=>{
让anchor=evnt.target.closest（'a[href^=“#/”]））
如果（锚定）{
//去某处
evnt.preventDefault（）
}
})
}
}

请编辑您的答案并将其更改为英语。请编辑您的答案并将其更改为英语。