javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-15 17:42:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): ion-nav now handles Vue components properly (#22197)

Browse Source 
resolves #22184
This commit is contained in:
Liam DeBeasi
2020-09-30 10:16:38 -04:00
committed by GitHub
parent 25d3ea6b8d
commit 2c6259c1f6
3 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/vue/src/components/IonNav.ts Normal file
View File

@ -0,0 +1,16 @@
import { defineComponent, h } from 'vue';
import { VueDelegate } from '../framework-delegate';
export const IonNav = defineComponent({
name: 'IonNav',
setup(_, { slots }) {
const delegate = VueDelegate();
return () => {
return h(
'ion-nav',
{ delegate },
slots
)
}
}
});

2
packages/vue/src/framework-delegate.ts
View File

@ -18,6 +18,8 @@ export const VueDelegate = () => {
parentElement.appendChild(div);
render(vueInstance, div);
return div;
}
const removeViewFromDom = (_: HTMLElement, childElement: any) => {

1
packages/vue/src/index.ts
View File

@ -10,6 +10,7 @@ export { IonRouterOutlet } from './components/IonRouterOutlet';
export { IonTabButton } from './components/IonTabButton';
export { IonTabs } from './components/IonTabs';
export { IonTabBar } from './components/IonTabBar';
export { IonNav } from './components/IonNav';
export { IonIcon } from './components/IonIcon';
export * from './components/Overlays';