Element UI 点击新增,添加选择框和时间选择器
通过 v-for="(item,index) in form.arrayData" :key="index" 循环
+ 添加接诊时间
在data的form对象中定义arrayData数组
form:{ arrayData: [ { week: ['周一','周二','周三'], time: ['09:00','18:00'] } ],}
然后添加事件:
//添加接诊时间 add() {this.form.arrayData.push({ week: '', time: ''}) }, deletes(item,index){ if(this.form.arrayData.length<=1){ ///如果只有一个框则不可以删除 return false } this.form.arrayData.splice(index,1) //删除数组中对应的数据也就是将这个位置的框删除 },
里面的选择框和时间选择器可以自由切换,只需要把对应的v-model值来进行添加就可以了