每個題目綁定的題目結構如下json對象，每次動態添加選項就是將其加入了vue實例的某個數組對象中：

vm.options.push({ id: "", text: "新選項", checked: false }); 

現在對radio或者checkbox集合列表進行批量添加，這里使用到了textarea容器.

textare每一行都是一條數據，它的內部是根據回車來區分(break-word自動換行不算)，每一行是一個對象，整體就是一個文本數組了，獲取如下：

var contents = $("#optionsArea").val().split("/n"); 

獲取到數組，他只是個文本數組，我們動態綁定的radio列表卻是一個個json對象，所以再把文本數組轉成vue綁定一致的格式：

先清空數組：

vm.options.length = 0; 

再將文本數組映射成vue綁定需要的數據結構：

vm.options = contents.map(function (item, index, arr) {  return {  id: "",  text: item,  checked: false  } }); 

以上這篇vue.js給動態綁定的radio列表做批量編輯的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。