talbe表格常用

1.限制selection选择

仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选

<el-table-column type="selection" width="55" :selectable='selectInit'></el-table-column>
 
 
selectInit(row,index){
    if(row.onlineState==0){    //判断条件               
 
        return false  //不可勾选
 
     }else{    
 
        return true  //可勾选
 
      }
}
//单选

handleSelectionChange (val) {
  if (val.length > 1) {
    this.$refs.multipleTable.clearSelection()
    this.$refs.multipleTable.toggleRowSelection(val.pop())
  } else {
    this.multipleSelection = val.pop()
  }
},

 ：日期选择组件限制选一月内

 <!--<el-date-picker-->
            <!--v-model="refreshData"-->
            <!--:picker-options="pickerOptions"-->
            <!--type="daterange"-->
            <!--:clearable="false"-->
            <!--range-separator="至"-->
            <!--start-placeholder="开始日期"-->
            <!--end-placeholder="结束日期">-->
          <!--</el-date-picker>-->


  // pickerOptions: {
        //   onPick: ({maxDate, minDate}) => {
        //     this.refreshData = minDate.getTime()
        //     if (maxDate) {
        //       this.refreshData = ''
        //     }
        //   },
        //   disabledDate: (time) => {
        //     if (this.refreshData) {
        //       const one = 30 * 24 * 3600 * 1000
        //       const minTime = this.refreshData - one
        //       const maxTime = this.refreshData + one
        //       return time.getTime() < minTime || time.getTime() > maxTime
        //     }
        //   }
        // },