mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
docs(infinite-scroll): update typings for Vue example (#24892)
Co-authored-by: ThomasHambach <ThomasHambach@users.noreply.github.com>
This commit is contained in:
@ -335,7 +335,8 @@ export class InfiniteScrollExample {
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import {
|
||||
import {
|
||||
InfiniteScrollCustomEvent,
|
||||
IonButton,
|
||||
IonContent,
|
||||
IonInfiniteScroll,
|
||||
@ -363,7 +364,7 @@ export default defineComponent({
|
||||
const toggleInfiniteScroll = () => {
|
||||
isDisabled.value = !isDisabled.value;
|
||||
}
|
||||
const items = ref([]);
|
||||
const items = ref<number[]>([]);
|
||||
const pushData = () => {
|
||||
const max = items.value.length + 20;
|
||||
const min = max - 20;
|
||||
@ -372,7 +373,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
|
||||
const loadData = (ev: CustomEvent) => {
|
||||
const loadData = (ev: InfiniteScrollCustomEvent) => {
|
||||
setTimeout(() => {
|
||||
pushData();
|
||||
console.log('Loaded data');
|
||||
|
@ -28,7 +28,8 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import {
|
||||
import {
|
||||
InfiniteScrollCustomEvent,
|
||||
IonButton,
|
||||
IonContent,
|
||||
IonInfiniteScroll,
|
||||
@ -56,7 +57,7 @@ export default defineComponent({
|
||||
const toggleInfiniteScroll = () => {
|
||||
isDisabled.value = !isDisabled.value;
|
||||
}
|
||||
const items = ref([]);
|
||||
const items = ref<number[]>([]);
|
||||
const pushData = () => {
|
||||
const max = items.value.length + 20;
|
||||
const min = max - 20;
|
||||
@ -65,7 +66,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
|
||||
const loadData = (ev: CustomEvent) => {
|
||||
const loadData = (ev: InfiniteScrollCustomEvent) => {
|
||||
setTimeout(() => {
|
||||
pushData();
|
||||
console.log('Loaded data');
|
||||
|
Reference in New Issue
Block a user