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();
    }
  }
相关文章
|
3天前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
59 0
|
3天前
|
Web App开发 JavaScript Android开发
Vue 项目触发移动软键盘搜索点击事件
Vue 项目触发移动软键盘搜索点击事件
|
3天前
|
定位技术 容器
vue3高德地图+搜索+点击获取经纬度
vue3高德地图+搜索+点击获取经纬度
|
3天前
|
缓存 JavaScript 前端开发
vue3 setup语法糖 搜索
vue3 setup语法糖 搜索
27 0
|
3天前
|
JavaScript 前端开发 API
vue3 实现多条件搜索
vue3 实现多条件搜索
91 0
vue3封装搜索表单组件
vue3封装搜索表单组件
|
3天前
|
存储 JavaScript
vue3 setup语法糖 多条件搜索(带时间范围)
vue3 setup语法糖 多条件搜索(带时间范围)
94 0
|
3天前
|
JavaScript 前端开发 API
vue3 联合搜索
vue3 联合搜索
33 0
|
6月前
|
JSON JavaScript 数据库
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
79 1
|
8月前
|
JavaScript
vue项目:商品列表页的渲染,删除,搜索,面包屑导航
vue项目:商品列表页的渲染,删除,搜索,面包屑导航
81 0