vue实现搜索,vue.js,2.0搜索,vue实现搜索过滤Vue2.0删除了很多1.0的比较实用的过滤器，如filterBy，orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能，自己又加入了大小写通用检索功能，比较简单，学一下。 <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>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持wanshiok.com。
vue实现搜索,vue.js,2.0搜索,vue实现搜索过滤
|
