ivew select组件 DatePicker组件的清空

 <Form   ref="formInline" :model="formInline" :rules="ruleInline" inline><FormItem  label="用户类型:" :label-width="80"><Select clearable  ref="oselect" v-model="formInline.original" style="width:200px"><Option v-for="item in original" :value="item.id" :key="item.id">{{ item.name }}</Option></Select></FormItem><FormItem label="开始时间:" :label-width="80"><DatePickerclearable  ref="startData"type="datetime"format="yyyy-MM-dd HH:mm:ss"@on-change="startTime"placeholder="选择开始日期"style="width: 200px"></DatePicker></FormItem><FormItem label="结束时间:" :label-width="80"><DatePickerclearable  ref="endData"type="datetime"format="yyyy-MM-dd HH:mm:ss"@on-change="endTime"placeholder="选择结束日期"></DatePicker></FormItem><FormItem><div style="display: flex;"><Button type="primary" @click="handleSubmit('formInline')">查询</Button><Button @click="dataReset()" style="margin-left: 8px">重置</Button></div></FormItem></Form>

select 清空

在 select 组件设置

 clearable  ref="startData"

调用方法

 this.$refs.oselect.clearSingleSelect();

在DatePicker组件清空

 clearable  ref="startData"

调用方法

 this.$refs.startData.handleClear();

方法：

 // 重置
    dataReset() {//clearSingleSelect 清除select 框this.$refs.oselect.clearSingleSelect();this.$refs.startData.handleClear();this.$refs.endData.handleClear()},

转载于:https://www.cnblogs.com/guangzhou11/p/11058940.html

ivew select组件 DatePicker组件的清空相关推荐

antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function
问题描述: antd Datepicker组件报错 --date.clone is not a function或者date1.isAfter is not a function 原因分析: 在Fro ...
使用elementUI中的date-picker组件年月日显示英文
date-picker组件从英文转换为中文一.date-picker显示英文二.问题原因三.解决办法 -- 引入并注册使用中文版elementUI 一.date-picker显示英文二.问题原 ...
Element UI极简教程(4)：Select、Switch组件的使用
Java大联盟致力于最高效的Java学习关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Select 下拉框 Element UI 的 Select 直接使用 el-select ...
【Vue知识点- No4.】vue组件、组件通信、Todo案例
知识点自测 this指向 let obj = {fn: function(){// this指向此函数的调用者},fn () {// this指向当前函数的调用者 (如果都是在vue里, this指向 ...
Vue.js_04_组件_Element组件库_组件通信_PropsDown_EventsUp
Vue.js 四天课程学习笔记_第4天课程内容概要: 1. 前情回顾 2. 通过demo再次复习一下计算属性是如何生成过滤后的数组 3. Vue实例的生命周期(11个钩子) 4. 介绍组件化思 ...
vue组件_组件通信_todo案例
今日学习目标能够理解vue组件概念和作用能够掌握封装组件能力能够使用组件之间通信能够完成todo案例 1. vue组件 1.0_为什么用组件以前做过一个折叠面板 [外链图片转存失败,源站可能 ...
Day04_vue组件_组件通信_todo案例
Day04_vue组件_组件通信_todo案例文章目录 Day04_vue组件_组件通信_todo案例知识点自测今日学习目标 1. vue组件 1.0_为什么用组件 1.1_vue组件_概念 1 ...
【Python】Radiobutton组件 LabelFrame组件 Entry组件
Radiobutton组件 Radiobutton组件跟Checkbutton组件的用法基本一致,唯一不同的是Radiobutton实现的是"单选"的效果. 要实现这种互斥的效果, ...
执行计划组件、组件、老化
原文:执行计划组件.组件.老化一.执行计划缓冲优化器生成的执行计划保存在SQL Server内存池中的一个特别部分,被称为计划缓冲或过程缓冲.过程缓冲是SQL Server缓存的一部分.在缓冲中保 ...

ivew select组件 DatePicker组件的清空

ivew select组件 DatePicker组件的清空相关推荐

最新文章

热门文章