vue获得textarea内容并处理成表格需要的对象数据
vue获得textarea内容并处理成表格需要的对象数据。将字符串整合成需要的对象格式,并且展示在列表里。
·
获得当前的textarea内容,此时的内容是string格式的,需要根据格式进行截取,截取成需要的数组格式,然后遍历数组,进行数组转换成需要对象,逻辑代码如下:
// 获得输入框中的值并且处理
getTextData(){
this.listData = [];
debugger
let str = this.textData;
if(str == ""){
alert('请在文本框中输入正确内容');
return
}
// 截取每一条数据
let thisData = str.split(/\r?\n/);
for(var i=0;i<thisData.length;i++){
// 按,进行截取
let timeData = thisData[i].split(",");
// 当时三个时,说明可以和下面的列表对的上
if(timeData.length == 3){
// 当前的单条数据
let singleData = {
name:timeData[0],
age: timeData[1],
tel: timeData[2]
}
this.listData.push(singleData)
if((i+1) == thisData.length){
this.textData = "";
}
}else{
//数据异常的时候进行处理
alert('第'+(i+1)+"条数据,不正确");
this.listData = [];
return false
}
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)