那些年 Element 魂牵梦萦

1、弹窗重新打开时表单上次的校验信息未清除；

<el-dialog @close="onClose">  

<el-form ref="form">  

// 弹窗关闭时重置表单

onClose() {  this.$refs['form'].resetFields()}

2、el-tree 展开/收起所有节点

<el-tree ref="tree">

expandTree(expand = true) {  

const nodes = this.$refs['tree'].store._getAllNodes()  

nodes.forEach(node => {    node.expanded = expand  })

}

3、气泡确认框文档里的confirm事件不生效

版本：element-ui: "2.13.2"， vue: "2.6.10"

// 将confirm改为onConfirm

@onConfirm="onDeleteOrder(row.id)"

4、日期选择器

// 只能选今天以后的时间

pickerOptions: {

        disabledDate (time) {

          return time.getTime() < new Date().setHours(0, 0, 0, 0) - 1;

        }

}

// 今天 和往后五天

 pickerOptionSendTime: {

        disabledDate (time) {      return (time.getTime() < new Date().setHours(0, 0, 0, 0) - 1) || ((new Date().setHours(0, 0, 0, 0) - 1) + (5 * 24 * 60 * 60 * 1000)) < time.getTime();

  },

// 针对时间的限制

  selectableRange: '09:00:00-21:30:00'

}

5、日期选择器隐藏此刻按钮

 <el-date-picker
       popper-class="dialogHomework-datePicker"
      format="yyyy-MM-dd HH:mm"
      default-time="23:59:59"
      value-format="timestamp"
      v-model="form.deadline"
      type="datetime"
      placeholder="选择日期时间（选填）"
     :picker-options="pickerOptions"    
  />
  
.dialogHomework-datePicker .el-picker-panel__footer .el-button--text.el-picker-panel__link-btn {
     display: none;
 
 }