mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
docs(vue): update component usage examples for vue 3 (#22050)
This commit is contained in:
@ -123,7 +123,7 @@ export class ContentExample {
|
||||
```html
|
||||
<template>
|
||||
<ion-content
|
||||
:scrollEvents="true"
|
||||
:scroll-events="true"
|
||||
@ionScrollStart="logScrollStart()"
|
||||
@ionScroll="logScrolling($event)"
|
||||
@ionScrollEnd="logScrollEnd()">
|
||||
@ -134,6 +134,16 @@ export class ContentExample {
|
||||
</div>
|
||||
</ion-content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { IonContent } from '@ionic/vue';
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
components: { IonContent }
|
||||
});
|
||||
</script>
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
@ -1,7 +1,7 @@
|
||||
```html
|
||||
<template>
|
||||
<ion-content
|
||||
:scrollEvents="true"
|
||||
:scroll-events="true"
|
||||
@ionScrollStart="logScrollStart()"
|
||||
@ionScroll="logScrolling($event)"
|
||||
@ionScrollEnd="logScrollEnd()">
|
||||
@ -12,5 +12,15 @@
|
||||
</div>
|
||||
</ion-content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { IonContent } from '@ionic/vue';
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
components: { IonContent }
|
||||
});
|
||||
</script>
|
||||
|
||||
```
|
||||
|
||||
|
Reference in New Issue
Block a user