Обновление даты и времени ElementUI при закрытии поппера - PullRequest
Новая
       31

Обновление даты и времени ElementUI при закрытии поппера

0 голосов
/ 13 мая 2019

Я использую ElementUI с Vue.js.

Что я хочу сделать, так это использовать el-date-picker и прислушиваться к обновлению ввода только тогда, когда закрывается инструмент выбора (поэтому более ранние обновления при выборе даты с помощью щелчка мыши / прямого редактирования текста или с помощью клавиш управления со стрелкой на клавиатуре не будут вызвать мое «специальное» обновление) - это легко достижимо? Я думал об использовании пользовательского класса popper, но не знал, как прослушивать событие close для его обнаружения.

1 Ответ

1 голос
/ 14 мая 2019

Вы можете достичь желаемого с событием blur: https://element.eleme.io/#/en-US/component/date-picker#events

Вот вам Codepen , если вы хотите поиграть с ним.А вот код, если вы просто хотите его запустить: 

var Main = {
    methods: {
      blur () {
        console.log('hey')
      }
    },
    data() {
      return {
        value1: ''
      };
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
@import url("//unpkg.com/element-ui@2.8.2/lib/theme-chalk/index.css");
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.8.2/lib/index.js"></script>
<div id="app">
<template>
  <div class="block">
    <span class="demonstration">Default</span>
    <el-date-picker
      v-model="value1"
      type="date"
      @blur="blur"
      placeholder="Pick a day">
    </el-date-picker>
  </div>
</template>
</div>
...