前端实现模糊或精准查询(不过一般是后端实现哦~)

onChanges(){
   //前端获取到所有要展示的数据放到newRiskList,一般不会太多条数
   //搜索框绑定值this.searchval,绑定数组this.riskData
    if(!this.searchval){
       this.riskData = newRiskList//不搜索时全部展示
       this.riskData = this.riskData.filter((item)=>{
         return item.newAgentcate == this.agentcate//这里根据登陆账号的权限展示对应的全部数据
       })
     }
     if(/^[a-zA-Z0-9]*$/.test(this.searchval)&&this.searchval!==''){ // 字母数字不搜索
       this.riskData = []
     }else if(/^[\u4e00-\u9fa5]*$/.test(this.searchval)){ // 汉字
        this.riskData = newRiskList
        this.riskData = this.riskData.filter((item)=>{
         return item.newAgentcate == this.agentcate
       })
       let arr = []
       let arrAnother = this.riskData
       arrAnother.forEach((item)=>{
         if(item.newriskName.indexOf(this.searchval) !== -1){
           arr.push(item)
         }
       })
       if(arr.length==0){
         this.riskData = []
       }else{
         this.riskData = arr
       }
     }
 },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值