Vue2.0實現(xiàn)1.0的搜索過濾器功能實例代碼-創(chuàng)新互聯(lián)

Vue2.0刪除了很多1.0的比較實用的過濾器，如filterBy，orderBy。官方文檔給了通過計算屬性實現(xiàn)1.0搜索過濾器功能，自己又加入了大小寫通用檢索功能，比較簡單，學一下。

成都創(chuàng)新互聯(lián)主要從事成都網站建設、網站建設、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務合川,10余年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

<body>
  <div class="app">
    <input type="text" v-model="name">
    <ul>
      <li v-for="user in newUsers" >
        {{ user.name }}
      </li>
    </ul>
  </div>
  <script>
    new Vue({
      el: '.app',
      data: {
        name: '',
        users: [
          { name: 'Bruce' },
          { name: 'Chuck' },
          { name: 'Jackie' },
          { name: '趙' }
        ] 
      },
      computed: {
        newUsers: function () {
          var that = this;
          return that.users.filter(function (user) {
            return user.name.toLowerCase().indexOf(that.name.toLowerCase()) !== -1;
          })
        }

      }
    })
  </script>
</body>

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章題目：Vue2.0實現(xiàn)1.0的搜索過濾器功能實例代碼-創(chuàng)新互聯(lián)
新聞來源：http://www.rwnh.cn/article48/pdhep.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、網站設計公司、網站營銷、手機網站建設、企業(yè)網站制作、網站維護

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

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

Vue2.0實現(xiàn)1.0的搜索過濾器功能實例代碼-創(chuàng)新互聯(lián)