模糊搜索功能

又菜又不想学的小张

已于 2024-01-24 12:20:27 修改

阅读量171

点赞数

文章标签：前端

于 2022-11-08 10:43:33 首次发布

本文链接：https://blog.csdn.net/qq_45108358/article/details/127746256

版权

 data() {
    return {
      title: "前制智能车间看板",
      lefts: {
        total: true,
        goback: true,
      },
      showDate: true,
      input2: "",
      checked: false,
      // 整组数据  是在页面上绑定的的
      group: [
      {
        "text": "A403组",
        "value": "9c0a0cfa-a71e-416d-bd77-c971e84f2d2e"
    },
    {
        "text": "B403组",
        "value": "1dd91762-c0d8-42ac-8736-5ed362347802"
    }{
        "text": "A404组",
        "value": "9c0a0cfa-a71e-416d-bd77-c971e84f2d2e"
    },
    {
        "text": "B405组",
        "value": "1dd91762-c0d8-42ac-8736-5ed362347802"
    }],
      // 临时数组     解决二次搜索的问题        在页面加载的时候将整组数据赋值给临时数组
      listGroup:[
    {
        "text": "A403组",
        "value": "9c0a0cfa-a71e-416d-bd77-c971e84f2d2e"
    },
    {
        "text": "B403组",
        "value": "1dd91762-c0d8-42ac-8736-5ed362347802"
    }
],
      
}


// 搜索
const onClickButton=()=>{
  group.value=listGroup.value.filter((item)=>{
   return item.text.indexOf(text.value) !==-1
  })
  if(group.value.length==0){
    Toast('请输入正确的组别')
  }
};