首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >ElementUI日期时间选取器在弹出器关闭时更新

ElementUI日期时间选取器在弹出器关闭时更新
EN

Stack Overflow用户
提问于 2019-05-14 02:31:23
回答 1查看 549关注 0票数 -1

我在Vue.js中使用ElementUI。

我想做的是使用el-date-picker,只有当选择器的弹出器关闭时才会监听输入的更新(所以当通过鼠标单击/直接文本编辑或键盘箭头控件选择日期时,早期的更新不会触发我的“特殊”更新)-这很容易实现吗?我在考虑使用自定义的popper类,但不确定如何侦听关闭事件来检测它。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-14 05:25:00

您可以使用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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56118011

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档