输入框支持大量复制自动填充

需求：可以添加多条数据的时候为了可以不需要一条一条输入，需要怎加复制数据后自动填充到输入框内，上图：

 点击小铅笔切换；

同时左边输入备注后，在右边同样展示数据

HTML:基本的样式结构和数据绑定

 Ts：大量转填充

 ratedinput(){this.iconrated = truevar arr="";this.formOthers.params.forEach(item => {var index = 0console.log(item);for(var i in item){   if(index==0){if(item[i] === null||item[i] === ""){var temp = ""}else{var temp = item[i]+":"}}else if(index === 1){if(item[i] === null||item[i] === ""){var temp = ""}else{var temp = item[i]+"||"}}else{if(item[i] === null||item[i] === ""){var temp = "\n"}else{var temp = item[i]+"\n"}}arr = arr+tempindex++;}});if(arr.substring(0, arr.length - 1) === ":||"){this.textarea = ""}else{this.textarea = arr.substring(0, arr.length - 1);} }

 填充转大量

 onceinput(type){console.log("点击text");this.iconrated = falseconst gude =  this.textarea +'\n'const guide = gude.split("\n")guide.pop()const guideList  = []guide.forEach((item,index) => { var key = item.split(":")[0];var value = item.replace(key,"").replace(":","")if(item.indexOf("||") !== -1){var comment = item.substring(item.indexOf("||")+2,item.length)}else{var comment = ""}var value = item.replace(key,"").replace(":","").replace(comment,"").replace("||","")const obj ={key,value,comment}guideList.push(obj)})this.formOthers.params = guideList// this.formOthers.params =[{//   key: null,//   value: null,//   comment: null,// }]console.log(this.formOthers.params);}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！