強化表格型別提示等相關功能

問題描述

這主要是因為Element Plus與Vue Scope Slot的關係，導致在表格中使用Scope Slot時，無法正確的提示型別，在一般情況下只會提示該欄位是any型別。

但是尤其在使用表格的時候，表格中顯示或是需要操作的數據可能會因為any而導致開發者無法正確的知曉該數據的型別，有可能會造成打錯字或是使用到錯誤的function而造成執行期間的錯誤。

解決方案

使用TypeScript的斷言來強化型別提示。

當然，用這種方式並不能夠以最自動推導的方式來提示型別，但是可以透過此方法來在開發與維護上獲得一定的幫助。

<template>
  <el-table-column
    sortable
    :label="'Lorem ipsum dolor sit amet'"
    prop="lorem"
    align="center">
    <template #default="{ row }: { row: Item }">
      <div class="flex flex-col">
        <p>{{ row.name }}</p>
      </div>
    </template>
  </el-table-column>
</template>

小結

曾經寫過的專案中，並未使用斷言來強化型別提示，甚至在部分低使用情境下，存在長期未被察覺的 Bug。

在我經手的範圍內，我將這種方式導入到自己開發的表單中，以斷言強化型別提示，明顯降低了後續維護的時間與成本。