開個帖記錄一些工作中遇到的問題吧，很多都是因為沒有注意到，或者基礎薄弱導致的~

問題1：

現象：使用vue時控制檯報錯handler.apply is not a function

原因： vue 的data中定義的屬性名與 methods 中的方法重名

問題2：

現象：使用elementui的表單時，需要對某個欄位做自定義校驗，這個欄位的校驗函式中又可能涉及到多個欄位。

如下：錯誤寫法，一個正則運用到兩個欄位上，校驗始終都不會通過（value 為輸入的值， num為需要同時校驗的另一個值）

checkTwoFileds (rule, value, callback) {
    let reg 
 
= /^[1-9]\d*$/g
    if (!reg.test(value)) {
        callback(new Error('必須輸入正數'))
    }
    if (!reg.test(this.num)) {
        callback(new Error('必須輸入正數'))
    }
    callback()
},

需要：定義兩個一樣的正則，分別運用到不同的欄位上（value 為輸入的值， num為需要同時校驗的另一個值），方可正確校驗

checkTwoFileds (rule, value, callback) {
    let reg = /^[1-9]\d*$/g
    let reg1 
 
= /^[1-9]\d*$/g
    if (!reg.test(value)) {
        callback(new Error('必須輸入正數'))
    }
    if (!reg1.test(this.form.num)) {
        callback(new Error('必須輸入正數'))
    }
    callback()
},                

問題3

現象：使用elementui 表格時，有一種實際場景，一個頁面下有兩個tab，每個tab下都有一個表格，但是又不想寫兩個表格，所以就用v-if來顯示或隱藏某些列。

需要：最好給每個列都給定一個唯一的key值，否則會出現v-if的那列資料和前後兩列的資料產生混亂錯誤

問題4

現象：當系統打開了一個網頁放著，在這期間如果有版本更新（部署程式碼），再去點選這個網頁會報請求伺服器資源404（重新打包後原檔案可能被更改刪除）

需要：路由監聽錯誤，當錯誤時重新整理當前頁（資源過載）

持續更新~ 小夥伴們有問題也可以補充哈~