Vue2.0刪除了很多1.0的比較實(shí)用的過濾器，如filterBy，orderBy。官方文檔給了通過計(jì)算屬性實(shí)現(xiàn)1.0搜索過濾器功能，自己又加入了大小寫通用檢索功能，比較簡(jiǎn)單，學(xué)一下。
<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>以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。
新聞熱點(diǎn)
疑難解答
圖片精選
