docs(infinite-scroll): update typings for Vue example (#24892)

Co-authored-by: ThomasHambach <ThomasHambach@users.noreply.github.com>
This commit is contained in:
Liam DeBeasi
2022-03-07 11:05:30 -05:00
committed by GitHub
parent f6cde30d3e
commit 8ed948e647
2 changed files with 8 additions and 6 deletions

View File

@ -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');

View File

@ -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');