現在很多輸入框是通過前端寫死固定字段，如果這些欄位是後端生成的呢？通過後端返回字段，形如
,
然後根據鍵值對的數量動態渲染出相對應的input框，這樣表單如果有新的字段新增的話前端就可以不用修改**了。
for="(item,index) in inputlist" :key="index">}:
在此，需要說明的是一般前端需要的字段為key和label，label用來展示，告訴使用者這個是什麼，作說明用。後端一般需要key和value，key是欄位名，不過一般中文做欄位名怪怪的（在某些環境下使用可能會出bug，從通用性考慮一般使用英文）。anyway，如果不介意，只需要把label的值作key，再加上value這兩個屬性就夠了。
總而言之，這三個欄位夠我們使用了，如果渲染前的請求後端不想發value欄位，畢竟這個是為了填值用的，基本都是空值，這樣就可以獲取list之後foreach()來迴圈賦值乙個空的value。當然，如果這些input框有需要後端返回的預設值除外。同理，在發請求送給後端的時候如果後端不需要label欄位（不要嫌麻煩，一切都是為了規範，不用的字段不送），組報文的時候foreach()+delete處理掉就行了。
動態生成input並繫結v model
引言 在我們編寫 的時候，往往會出現例如動態增加input輸入框等等動態操作，在vue專案中，如果動態增加input並且繫結v model，並實現互不影響，則需要深拷貝，如果直接push的話是為淺拷貝，所有動態生成的input繫結的v model位址值都指向同乙個位址，就導致輸入乙個input，其餘...
Vue元件上使用v model雙向繫結
首先要明確它就是個語法糖 v model 相當於 onchange 的語法糖 text value name input name event.target.value 上面這個功能和v model是一致的 你自己也可以用 input監控輸入的結果 就可以找到target下面的value 下面有乙個...
Vue模板語法 v model 雙向資料繫結
單向資料繫結是什麼？資料模型 module 和檢視 view 之間的單向繫結。需要我們先寫好模板，然後把模板和資料 可能來自後台 整合到一起形成html 然後把這段html 插入到文件流裡面。簡單的來說就是dom操作html元素。單向資料繫結的缺點 一旦html 生成好後，就沒有辦法再進行改變了，如...