手机版

vue.js批量编辑动态绑定单选列表的方法

时间:2021-09-01 来源:互联网 编辑:宝哥软件园 浏览:

绑定到每个主题的主题结构如下:json对象,每次动态添加一个选项,都会添加到vue实例的数组对象中:

VM.options.push ({id : ' ',text :' new option ',checked : false });现在批量添加单选或复选框集合列表,这里使用textarea容器。

Textare,每行都是一个数据,它的内部根据回车来区分(break-word不会自动换行)。每行是一个对象,整行是一个文本数组,其获取方式如下:

var contents=$('#optionsArea ')。val()。拆分(' \ n ');获取数组,它只是一个文本数组,但是我们动态绑定的单选列表是json对象,所以将文本数组转换为与vue绑定一致的格式:

首先清空数组:

VM . options . length=0;然后将文本数组映射到vue绑定所需的数据结构中:

vm.options=contents.map(函数(item,index,arr) { return { id: ' ',text: item,checked : false } });上述动态绑定电台列表批量编辑的vue.js方法是边肖共享的全部内容。希望能给大家一个参考,支持我们。

版权声明:vue.js批量编辑动态绑定单选列表的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。