vue.js给动态绑定的无线电列表做批量编辑的方法 - 行业资讯

每个题目绑定的题目结构如下json对象,每次动态添加选项就是将其加入了vue实例的某个数组对象中:

　　　　　　vm.options。推动({id:“”,文本:“新选项”,检查:假});之前　　　　

现在对广播或者复选框集合列表进行批量添加,这里使用到了textarea容器。

textare每一行都是一条数据,它的内部是根据回车来区分(break-word自动换行不算),每一行是一个对象,整体就是一个文本数组了,获取如下:

　　　　　　var内容=$ (" # optionsArea”) .val () .split (“\ n”);之前　　　　

获取到数组,他只是个文本数组,我们动态绑定的无线电列表却是一个json对个象,所以再把文本数组转vue绑成定一致的格式:

<强>先清空数组:

　　　　　　vm.options。长度=0;之前　　　　

<强>再将文本数组映射成vue绑定需要的数据结构:

　　　　　　vm。选择=内容。地图(函数(项目,索引,arr) { 　　返回{ 　　id:“”, 　　文字:项目, 　　检查:假　　} 　　}）; 之前　　　　

以上这篇vue.js给动态绑定的无线电列表做批量编辑的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。