el-date-picker change事件不触发

简介: el-date-picker change事件不触发

问题:


vue2中使用ElementUI的el-date-picker组件,change事件不触发


解决方式:


将@change换为@input


<el-date-picker 
        class="mo-year-range-picker__start"
        :value="start_year" 
        type="year" 
        placeholder="开始年"
        :clearable="false" 
        value-format="yyyy-MM-dd"
        :editable="false"
        :picker-options="startYearPickerOptions"
        @change="handleStartYearChange"
        @input="handleStartYearChange"
        >
</el-date-picker>
相关文章
element-使用el-date-picker 选择日期后返回周几(整理)
element-使用el-date-picker 选择日期后返回周几(整理)
|
关系型数据库 MySQL 数据库
Element el-date-picker 日期选择器详解
本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结
6912 0
Element el-date-picker 日期选择器详解
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
3212 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
Windows
Windows系统下快速删除node_modules
Windows系统下快速删除node_modules
1169 0
|
JavaScript 前端开发 jenkins
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
4171 0
|
存储 消息中间件 JavaScript
vue组件传值的12种方式
【10月更文挑战第1天】
1479 159
|
JavaScript
Vue2使用v-model封装ElementUI日期组件(实现开始时间和结束时间的校验,禁选)
本文介绍了如何在Vue2中使用v-model封装ElementUI日期组件,并实现开始时间和结束时间的校验,包括禁选当前时间之后的时间。文章提供了详细的组件代码和页面使用示例,并解释了如何通过props传递参数以及如何监听和处理日期选择的变化。
673 2
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
|
JavaScript
Vue2之父与子组件互相传参和方法调用
这篇文章介绍了Vue 2中父子组件之间互相传参和方法调用的四种方式:通过`ref`调用子组件方法、通过`props`调用父组件方法、父组件通过`:param`传参给子组件,以及子组件通过`emit`传参给父组件。
2856 0