Javascript 如何将新对象添加到对象Vuejs
我加载csv文件。此文件作为一个长字符串加载。我将这个字符串分成行(row)。然后我想将每一行分割成一个对象,并添加一个对象(Javascript 如何将新对象添加到对象Vuejs,javascript,vue.js,Javascript,Vue.js,我加载csv文件。此文件作为一个长字符串加载。我将这个字符串分成行(row)。然后我想将每一行分割成一个对象,并添加一个对象(jsonvert)。但是,当我尝试添加新行作为对象时,会收到一条消息: v-on处理程序中出现错误:“TypeError:this.jsonConvert.push不是函数”。 导出默认值{ 数据(){ 返回{ csvData:“”, jsonConvert:{}, 可渲染:false, 唯一类别:[], }; }, 方法:{ onFileChange(e){ 让fil
jsonvert
)。但是,当我尝试添加新行作为对象时,会收到一条消息:
v-on处理程序中出现错误:“TypeError:this.jsonConvert.push不是函数”。
导出默认值{
数据(){
返回{
csvData:“”,
jsonConvert:{},
可渲染:false,
唯一类别:[],
};
},
方法:{
onFileChange(e){
让files=e.target.files[0];
let reader=new FileReader();
reader.onload=(e)=>(this.csvData=e.target.result.split(“\n”);
reader.readAsText(文件);
},
parseToJSON(){
让data=this.csvData;
对于(变量i=0;i
jsonConvert
是一个对象,它没有数组方法中的方法push
,为了添加新记录,尝试将jsonConvert
初始化为数组:
data() {
return {
csvData: "",
jsonConvert: [],
renderTable: false,
uniqueCategory: [],
};
},
然后在不指定的情况下推送:
...
expense.date = row[0][0];
expense.category = row[0][2];
expense.description = row[0][3];
expense.amount = row[0][4];
this.jsonConvert.push(expense);
jsonConvert
是一个对象,它没有方法push
,该方法是一种数组方法,为了添加新记录,尝试将jsonConvert
初始化为数组:
data() {
return {
csvData: "",
jsonConvert: [],
renderTable: false,
uniqueCategory: [],
};
},
然后在不指定的情况下推送:
...
expense.date = row[0][0];
expense.category = row[0][2];
expense.description = row[0][3];
expense.amount = row[0][4];
this.jsonConvert.push(expense);
jsonConvert
是一个对象,而不是数组,因此它没有push
方法您尝试推送到对象,而不是数组。jsonConvert
是一个对象,而不是数组,因此它没有push
方法您尝试推送到对象,不是一个数组。如果这样做,不是要覆盖每个费用的字段吗?如果这样做,不是要覆盖每个费用的字段吗?