Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

[Vue]ionic中TypeScript改寫為JavaScript的一些做法

內容目錄

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);
    }