欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

如何實現(xiàn)vue搜索和vue模糊搜索

小編給大家分享一下如何實現(xiàn)vue搜索和vue模糊搜索,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),永善企業(yè)網(wǎng)站建設(shè),永善品牌網(wǎng)站建設(shè),網(wǎng)站定制,永善網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,永善網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

1、使用vue來實現(xiàn)一般搜索

<form action="" @submit="submitQuery" class="all_two">
   <el-input v-model="input" placeholder="請輸入內(nèi)容" ref="search" ></el-input>
</form>
<div class="all_three">
   <div v-for="item in this.$store.state.chufang.alldata">
      <div v-for="item1 in queryDate(item.cabinet)" >
         <input type="checkbox" name="checkbox" value="checkbox"  :checked="item1.checks==0? true:false">
         <span>{{item1.name}}</span>
      </div>
    </div>
</div
submitQuery:function(){
  this.query = this.$refs.search.value.trim();
},
queryDate:function(list){
   if (this.query === '') {
     return list
   } 
   return list.filter((item)=>{
     if(item.name.indexOf(this.query) != -1){
      return item;
     }
   })
},

2、vue模糊搜索,原理都是一樣的

<el-form :inline="true" :model="formInline" class="demo-form-inline mt15">
   <el-form-item>
     <el-input v-model="formInline.name" ref="search"  placeholder="姓名"></el-input>
   </el-form-item>
   <el-form-item>
      <el-input v-model="formInline.phone" ref="search2" placeholder="手機號"></el-input>
   </el-form-item>
   <el-form-item>
      <el-button type="primary" @click="onSubmit">篩選</el-button>
   </el-form-item>
 </el-form>
onSubmit() {
   this.query = this.$refs.search.value.trim();
   this.query1 = this.$refs.search2.value.trim();
},
queryDate:function(list){
   if (this.query === '' && this.query1 === '') {
     return list
   } 
   else if (this.query !== '' && this.query1 === '') {
     return list.filter(item => {
       if (item.name.indexOf(this.query) !== -1) {
         return item
        }
     })
    } 
    else if (this.query === '' && this.query1 !== '') {
     return list.filter(item => {
        if (item.mobile.indexOf(this.query1) !== -1) {
          return item
         }
      })
    } 
    else if (this.query !== '' && this.query1 !== '') {
      return list.filter(item => {
        if (item.name.indexOf(this.query) !== -1 && item.mobile.indexOf(this.query1) !== -1) {
          return item
        }
      })
    }
},

以上是“如何實現(xiàn)vue搜索和vue模糊搜索”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

本文名稱:如何實現(xiàn)vue搜索和vue模糊搜索
新聞來源:http://www.aaarwkj.com/article2/pdehoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、微信小程序、服務(wù)器托管微信公眾號、網(wǎng)站營銷、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
欧美日韩国产综合下一页| 成人免费视频一区二区三区| 韩国av毛片在线播放| 亚洲欧美日韩1区2区| 国产精品三级久久久| 亚洲夫妻性生活免费视频| 蜜臀av一区二区三区人妻| 精品人妻少妇一区二区三区| 极品性感尤物少妇粉嫩逼| 夫妻性生活黄色录像视频| 色婷婷综合中文久久一本| 精品国产18禁99久久久久久| 亚洲av天堂在线播放| 久久中文字幕av一区| 国产成人综合亚洲国产| 精品日韩电影在线观看| 亚洲成人精品青青香蕉| 亚洲伊人av第一页在线观看| 国产精品亚洲精品日韩在线| 亚洲国产精品欧美激情| 亚洲欧美日韩成人在线观看| 亚洲精品一品区二品区三区| 九九九热精品视频在线观看| 国产精品一级片一区二区| 国产一级二级三级久久| 色噜噜噜欧美人妻色综合| 亚洲精品视频一区二区| 国内精品免费视频不卡| 美女丝袜美腿魅惑男人| 懂色av免费在线播放| 午夜理论片在线观看有码| 国产国语网站在线观看| 少妇午夜福利一区二区| 啄木乌欧美一区二区三| 久久三级中文欧大战字幕| 亚洲精品欧美日韩久久| 粉嫩极品国产在线观看| 女同蝴蝶在线看完整版| 欧美日韩美足一区二区| 久久国产精品99亚洲| 国内自拍韩国资源在线|