最近工作遇到壹個需求，就是需要在壹個輸入框裏面輸入多個報關單號，用逗號隔開，但是如果直接讓用戶在壹個輸入框輸入的話，用戶可能會隨便填寫，也不方便校驗，所以就改成了如下圖所示實現方式，點開出現壹個彈框，彈框裏面有壹個固定的輸入框，後面顯示壹個加號按鈕，通過點擊加號按鈕，可以動態的添加多個輸入框，當點擊確定按鈕關閉彈框的時候，通過前端處理，會把這幾個彈框裏面輸入的內容用逗號拼接之後，放入到最外層的輸入框內。回顯數據也是壹樣的道理，把輸入框內用逗號拼接的數據拆分到彈框裏面，下面就介紹具體實現。
1.實現報關單輸入框後面那個放大鏡
2.定義壹個ruleTBForm
3.寫壹個彈框，通過v-for動態往裏面加入輸入框
4.實現handleCustoms方法，這個方法主要用來回顯數據，把輸入框內用逗號拼接的數據拆分到彈框裏面
5.實現加號按鈕的addItem方法，刪除按鈕(垃圾桶圖標)的deleteItem方法，並且通過逗號將幾個輸入框的值拼接起來
上一篇:意大利格子乘法532×48算法？詳細點 謝謝下一篇:JAVA和計算機視覺有什麽關系