问题:如何为ionic v4 vuejs应用程序创建可滑动的侧边菜单?
我是ionic的新手,一直在尝试将现有的Web应用程序迁移到ionic。遵循适用于vue的ionic4的有限文章上的步骤。我安装了@ionic/core,将CDN添加到索引文件中,并在将Vue挂载之前添加了[/ion/] web compoenets的ignore标志。
目前我遇到了这个错误:
我是ionic的新手,一直在尝试将现有的Web应用程序迁移到ionic。遵循适用于vue的ionic4的有限文章上的步骤。我安装了@ionic/core,将CDN添加到索引文件中,并在将Vue挂载之前添加了[/ion/] web compoenets的ignore标志。
目前我遇到了这个错误:
Menu: must have a "content" element to listen for drag events on.
我有点不确定要按照哪些步骤进行,因为许多文章都是关于ion v2和v3的,我知道对ui组件进行了一些更改,根据ionic4 beta文档来看我的做法似乎是正确的:<script lang="ts" src="./Layout.ts"></script>
<template>
<div class="layoutComponent">
<ion-page>
<ion-menu>
<ion-header>
<ion-toolbar color="primary">
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-list-header>
Navigate
</ion-list-header>
<ion-item>
<router-link :to="{name: 'link 1'}">
<ion-label full>
<eg-localizer token="1"></localizer>
</ion-label>
</router-link>
</ion-item>
<ion-item>
<router-link :to="{ name: 'link2'}">
<ion-label full>
<localizer token="2"></localizer>
</ion-label>
</router-link>
</ion-item>
<ion-item>
<a target="_blank" href="https://foo.com">
<ion-label full>
<localizer token="external link 3"></localizer>
</ion-label>
</a>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<!-- main point of entry for app content -->
<slot></slot>
</ion-page>
</div>
</template>