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-formatformat 不可同时使用。
  • 如果将时间赋值为空后, 再次选择,无法选择时间
 <el-date-picker
                  v-model="filters.planExecuteTime"
                  style=" 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;
          },
        },
      },

}

本文来自博客园,作者:云霄紫潭,转载请注明原文链接:https://www.cnblogs.com/0520euv/p/15324742.html

原文地址:https://www.cnblogs.com/0520euv/p/15324742.html