ielement-ui实现动态添加删除

ielement-ui实现动态添加删除_第1张图片

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

ielement-ui实现动态添加删除_第2张图片


			
选择月份
{{mitem}}
选择任务数
添加 删除
	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)
      }


你可能感兴趣的:(前端)