Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
在解決問題之道上不斷前行
好吧,這問題完全是個人還沒學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);
}