vue实现搜索功能

简介: vue实现搜索功能

通过列表里面的月份来进行搜索

需要用到日期选择器和filter方

<el-date-picker v-model="table.value" type="month" @change="seaDate" format="YYYY-MM" value-format="YYYY-MM"
      placeholder="请选择凭证年-月搜索" />
//把日期选择器的type设置为month即可搜索年月
//绑定一个v-model值和用来搜索的change事件
const ChangeYear = ()=>{
    console.log(table.value);
    if(table.value){
    let a = table.searchData.filter((item)=>table.value == item.nowdate)
    table.oneList = a;
    }else{
      one();
    }
  }
相关文章
|
5月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
|
5月前
|
Web App开发 JavaScript Android开发
Vue 项目触发移动软键盘搜索点击事件
Vue 项目触发移动软键盘搜索点击事件
131 0
|
3月前
|
JavaScript
vue 页面向下滚动到指定位置时,顶部显示悬浮搜索框
vue 页面向下滚动到指定位置时,顶部显示悬浮搜索框
82 1
|
5月前
|
定位技术 容器
vue3高德地图+搜索+点击获取经纬度
vue3高德地图+搜索+点击获取经纬度
|
5月前
|
缓存 JavaScript 前端开发
vue3 setup语法糖 搜索
vue3 setup语法糖 搜索
40 0
|
5月前
|
JavaScript 前端开发 API
vue3 实现多条件搜索
vue3 实现多条件搜索
178 0
vue3封装搜索表单组件
vue3封装搜索表单组件
|
11月前
|
JSON JavaScript 数据库
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
109 1
|
5月前
|
存储 JavaScript
vue3 setup语法糖 多条件搜索(带时间范围)
vue3 setup语法糖 多条件搜索(带时间范围)
154 0
|
5月前
|
JavaScript 前端开发 API
vue3 联合搜索
vue3 联合搜索
54 0
下一篇
无影云桌面