vue 開發中常見 ts 問題及解決方案

1，定義對象後擴展對象屬性報錯

報錯詳情：Property 'id' does not exist on type 'query'.Vetur(2339)

例如：

let query = {name: 'aa'}
if (id) {
    query.id = id // Property 'id' does not exist on type 'query'.Vetur(2339)
}

解決方法，添加代碼：

interface queryObject {
    name: String
    [prop: string]: any
}
let query: queryObject  = {name: 'aa'}
if (id) {
    query.id = id
}