我在Vue.js中使用ElementUI。
我想做的是使用el-date-picker
,只有当选择器的弹出器关闭时才会监听输入的更新(所以当通过鼠标单击/直接文本编辑或键盘箭头控件选择日期时,早期的更新不会触发我的“特殊”更新)-这很容易实现吗?我在考虑使用自定义的popper类,但不确定如何侦听关闭事件来检测它。
发布于 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>
https://stackoverflow.com/questions/56118011
复制相似问题