vue实现搜索功能

最新推荐文章于 2024-05-07 23:37:14 发布

小董大咖

最新推荐文章于 2024-05-07 23:37:14 发布

阅读量226

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/ddf__/article/details/128999389

版权

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

需要用到日期选择器和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();
    }
  }

过filter过滤到有那个值的，如果有就对表格进行赋值，如果日期选择器的值为空那就重新调用列表