Vuetify,如何关闭抽屉?

Dmi*_*ich 0 vue.js vue-router vuetify.js

我已将导航添加到抽屉,除链接与页面相同的情况外,其他所有功能均正常。单击链接后,抽屉保持打开状态,对于访问者来说,该页面是当前页面并不明显。

我试图做这样的事情,@click.stop="(this.router.path != '/' ? this.router.push('/') : drawer = !drawer)"Vue不会产生任何错误,并且代码无法正常工作。

我哪里错了?

小智 6

drawer数据的关键是寻找一个布尔值,如果是truthy抽屉式导航栏将显示。因此,您可以将添加@click="drawer = false"到菜单的链接,单击任何链接时,它将关闭绘制。

文档中的示例:https : //vuetifyjs.com/components/navigation-drawers#example-6