zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    spring
    抽象和封装
    Oracle索引的原理
    使用JdbcTemplate.queryForObject 的注意点
    ORM是什么意思
    Java 后台处理数据库的二进制图片流
    Extjs girdPanel显示图片
    斜率dp
    多重背包的二进制优化
    POJ 3249 DAG图最短路
  • 原文地址:https://www.cnblogs.com/0520euv/p/15324742.html
Copyright © 2011-2022 走看看