vue 点击按钮新增div，for循环中取值赋值

<div>
							 <ul class="list" style="list-style: none;">
							          <li v-for="(item, index) in arrs">
							           <div style="margin-bottom: 20px;">收据：{{index+1}}</div>
							          <el-form-item label="收据日期:">
							          	<el-date-picker value-format="yyyy-MM-dd" style="width: 100%;"
							          		v-model="item.PayDateTime" type="date" placeholder="年-月-日">
							          	</el-date-picker>
							          </el-form-item>
							          <el-form-item label="金额(元):">
							          	<el-input v-model="item.Money" placeholder="请输入发票金额"></el-input>
							          </el-form-item> 
							          <el-form-item label="回款日期:">
							          	<el-date-picker value-format="yyyy-MM-dd" style="width: 100%;"
							          		v-model="item.InvoiceDate" type="date" placeholder="年-月-日">
							          	</el-date-picker>
							          </el-form-item>
							          <el-form-item label="回款方式:">
							          	<el-select style="width: 100%;" v-model="item.PayType"
							          		placeholder="请选择回款方式">
							          		<el-option v-for="(item, index) in GetDanWeiTypeListAll_Datas" :key="index"
							          			:label="item.Name" :value="item.Id"></el-option>
							          	</el-select>
							          </el-form-item>
									 <!-- <el-button v-if="index==0" type="danger" style="float:left;margin-left:10px;" icon="el-icon-delete"
									  	@click="delBlock(index)">删除</el-button> -->
							          </li>
							        </ul>
							        <el-button @click="newadd">新增收据</el-button>
							      </div>

return{
 arrs: [{'InvoiceDate': '','Money': '','PayDateTime': '','PayType': ''}],
}
methods：{
 console.log(this.arrs);//for循环数据
  newadd() {
			          this.arrs.push({'InvoiceDate': '','Money': '','PayDateTime': '','PayType': ''});
			        },
}