ielement-ui实现动态添加删除

需求如下，点击添加和删除按钮，实现月份，任务数的添加，点击删除，删除当前的任务

			<div v-for="(item,index) in task_arr" class="agent-vlist">
				<div class="agent-label">选择月份</div>
				<div class="agent-value">
					  <el-select size="mini" v-model="item.month" placeholder="请选择">
					    <el-option
					      v-for="mitem in months"
					      :value="mitem"
					      >
					      {{mitem}}
					    </el-option>
					  </el-select>
				</div>
				<div class="agent-label">选择任务数</div>
				<div class="agent-value">
					  <el-input-number size="small" v-model="item.task_num" :min="1"></el-input-number>
				</div>
				<el-button type="success" size="mini" @click="add">添加</el-button>
				<el-button type="danger" size="mini" @click="delet(index)">删除</el-button>
			</div>

	data:()=>{
		return {
			months:[1,2,3,4,5,6,7,8,9,10,11,12],

	        task_arr:[
				{
					month:null,
					task_num:1	
				}
	        ]
		}
	},

methods 中添加add和delete方法

      add(){
      	let obj = {
			month:null,
			task_num:1	
		}
		this.task_arr.push(obj)
      },
      delet(index){
      	this.task_arr.splice(index,1)
      }