el-select和data

el-select的事件记录

change 事件

可用于单项选择，不可重复再次点击已选择的下拉框内容

  <el-select v-model="value" placeholder="请选择"  @change='handleChange'>
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

click.native事件

可用于重复选择已经选择的下拉框内容

  <el-select v-model="value" placeholder="请选择" >
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      @click.native="handleTemplete(item.value)"
  >
    </el-option>
  </el-select>

时间

• 其中 value-format 与 format 不可同时使用。
• 如果将时间赋值为空后， 再次选择，无法选择时间

 <el-date-picker
                  v-model="filters.planExecuteTime"
                  style="width: 260px"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  :placeholder="this.$t('common.pleasechoose')"
                  size="small"
                  :picker-options="pickerOptions"
    />

data:{
      pickerOptions: {
        // 不能选择小于当前时间的
        pickerOptions: {
          // 不能选择小于当前时间的
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          },
        },
      },

}