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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/infinite-scroll/readme.md
View File

@ -336,6 +336,7 @@ export class InfiniteScrollExample {
<script lang="ts"> <script lang="ts">
import { import {
InfiniteScrollCustomEvent,
IonButton, IonButton,
IonContent, IonContent,
IonInfiniteScroll, IonInfiniteScroll,
@ -363,7 +364,7 @@ export default defineComponent({
const toggleInfiniteScroll = () => { const toggleInfiniteScroll = () => {
isDisabled.value = !isDisabled.value; isDisabled.value = !isDisabled.value;
} }
const items = ref([]); const items = ref<number[]>([]);
const pushData = () => { const pushData = () => {
const max = items.value.length + 20; const max = items.value.length + 20;
const min = max - 20; const min = max - 20;
@ -372,7 +373,7 @@ export default defineComponent({
} }
} }
const loadData = (ev: CustomEvent) => { const loadData = (ev: InfiniteScrollCustomEvent) => {
setTimeout(() => { setTimeout(() => {
pushData(); pushData();
console.log('Loaded data'); console.log('Loaded data');

5
core/src/components/infinite-scroll/usage/vue.md
View File

@ -29,6 +29,7 @@
<script lang="ts"> <script lang="ts">
import { import {
InfiniteScrollCustomEvent,
IonButton, IonButton,
IonContent, IonContent,
IonInfiniteScroll, IonInfiniteScroll,
@ -56,7 +57,7 @@ export default defineComponent({
const toggleInfiniteScroll = () => { const toggleInfiniteScroll = () => {
isDisabled.value = !isDisabled.value; isDisabled.value = !isDisabled.value;
} }
const items = ref([]); const items = ref<number[]>([]);
const pushData = () => { const pushData = () => {
const max = items.value.length + 20; const max = items.value.length + 20;
const min = max - 20; const min = max - 20;
@ -65,7 +66,7 @@ export default defineComponent({
} }
} }
const loadData = (ev: CustomEvent) => { const loadData = (ev: InfiniteScrollCustomEvent) => {
setTimeout(() => { setTimeout(() => {
pushData(); pushData();
console.log('Loaded data'); console.log('Loaded data');