[TOC] >[success] # 提交表單時傳值參數處理方案 有許多時候需要給后臺傳遞的參數跟前端展示的參數不同， 例如前端需要在頁面展示的是個數組的內容，但是后臺需要傳過去的不是數組的形式，而是逗號分隔的字符串形式 ， 就需要去把這個數組用join(',')給轉換成字符串分隔的形式，但是這樣就改變了原數組，如果使用的是element ui的某些ui組件，人家組件要求就是數組形式，強制給轉換成字符串就會報錯，換以前我的寫法： >[success] ## 以前的寫法 ~~~ // 變量 data（）{ formList: { a: ['1','2''3'] b: false } } // 參數 let parameter = { nameLsit: this.formList.a.join(','), isShow: this.formList.b } // 調用接口 Api(parameter).then(res => { console.log(res,'成功') }).catch(e => { console.log(e,'失敗') }) ~~~ <br/> >[success] ## 正確的寫法 上面的寫法很麻煩也很不實用，如果以后有一個需求需要每次提交表單時候保存提交時候的狀態，就會很麻煩重新改代碼，正確的寫法是使用深拷貝來實現復制一份數據修改復制的數據，然后最終把復制的數據當做參數傳給后臺 ~~~ // 引入深拷貝文件 import { deepCopy } from '@/utils' // 變量名字直接按照接口需要的名字起 data（）{ formList: { nameLsit: ['1','2''3'] isShow: false } } // 參數 let formList = deepCopy(this.formList) formList.nameLsit = formList.nameLsit.join(',') let parameter = formList // 調用接口 Api(parameter).then(res => { console.log(res,'成功') }).catch(e => { console.log(e,'失敗') }) ~~~