iview表格嵌套复选框 进行选择删除

表格中加入select的事件
<!-- 表格  -->
  <Table border stripe :columns="columnsData1" :data="datalist"  @on-selection-change="selectList"></Table> 
放置select的位置
	 {
        type: 'selection',
        width: 50,
        align: 'center'
     },
然后return一个数组
	selectIds:[],                 //选择
	 //选择
          selectList(selection){         
                let that =this;
				that.selectIds=[];
				if(selection.length>0){
					 this.disabled=false;
					 for(let i=0; i<selection.length; i++){
						 that.selectIds.push(selection[i].id)
					 }
				}else{
					this.disabled=true;
                        }  
                  },
                 //删除
                  del() {
                        let that=this;
                        let ids = that.selectIds.join(",");	//join() 方法用于把数组中的所有元素放入一个字符串。
                        this.$Modal.confirm({
                              title: '确定删除?',
                              onOk() {
                                    OrderServices.deletes({ids: ids}).then(rs => {
                                          if(rs.status==1) {
                                                that.$Message.success(rs.msg);
                                                that.goosList(that.searchForm);
                                                that.states();
                                          }
                                    })
                              }
                            
                        });  
                        this.disabled=true;		//按钮禁用
                  },

你可能感兴趣的:(vue.js)