內容目錄
ionic中TypeScript改寫為JavaScript的一些做法
好吧,這問題完全是個人還沒學TypeScript的關係所衍生出來的(遮臉),使用ionic的vue版本時,預設會有大量TypeScript的寫法,官方有說他們偏好TypeScript,但實際使用時可以關閉TypeScript(參考),由於個人對TypeScript沒那麼熟,所以這次開發就關光光了,但也出現這次得狀況。
這次在ion-infinite-scroll中遇到一些問題,像是(可以參考連結中的範例):
const items = ref<number[]>([]);
對我來說這是一個陌生的寫法,一開始看到錯誤還在想到底哪邊出了問題,回想了一下發現這應該是個ts的寫法,從前後文推測這只是一個陣列宣告,於是改寫成這樣就通了。
const items = [];
另外像是
const loadData = (ev: InfiniteScrollCustomEvent) => {
setTimeout(() => {
pushData();
console.log('Loaded data');
ev.target.complete();
// App logic to determine if all data is loaded
// and disable the infinite scroll
if (items.value.length === 1000) {
ev.target.disabled = true;
}
}, 500);
}
其實也是一般的箭頭函式,ev宣告是ts的寫法,所以這樣改寫也就可以囉。
const loadData = (event) => {
setTimeout(() => {
pushData();
console.log('Loaded data');
event.target.complete();
// App logic to determine if all data is loaded
// and disable the infinite scroll
if (skipitems === 2000) {
event.target.disabled = true;
}
}, 500);
}
![[Vue]ionic中TypeScript改寫為JavaScript的一些做法](/api/proxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2022%2F09%2Fframework_ionic.jpeg)