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();
    }
  }
相关文章
|
6月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
|
6月前
|
Web App开发 JavaScript Android开发
Vue 项目触发移动软键盘搜索点击事件
Vue 项目触发移动软键盘搜索点击事件
155 0
|
1月前
|
JavaScript API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
53 1
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
|
4月前
|
JavaScript
vue 页面向下滚动到指定位置时,顶部显示悬浮搜索框
vue 页面向下滚动到指定位置时,顶部显示悬浮搜索框
120 1
|
6月前
|
定位技术 容器
vue3高德地图+搜索+点击获取经纬度
vue3高德地图+搜索+点击获取经纬度
|
6月前
|
缓存 JavaScript 前端开发
vue3 setup语法糖 搜索
vue3 setup语法糖 搜索
43 0
|
6月前
|
JavaScript 前端开发 API
vue3 实现多条件搜索
vue3 实现多条件搜索
216 0
vue3封装搜索表单组件
vue3封装搜索表单组件
|
JSON JavaScript 数据库
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
123 1
|
6月前
|
存储 JavaScript
vue3 setup语法糖 多条件搜索(带时间范围)
vue3 setup语法糖 多条件搜索(带时间范围)
211 0