vue实现搜索功能

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

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

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

1日期选择器

<el-date-picker v-model="table.value" type="month" @change="seaDate" format="YYYY-MM" value-format="YYYY-MM"
      placeholder="请选择凭证年-月搜索" />


//把日期选择器的type设置为month即可搜索年月
//绑定一个v-model值和用来搜索的change事件

2事件里面

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过滤到有那个值的如果有就对表格进行赋值如果日期选择器的值为空那就重新调用列表

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6
标签: vue