zoukankan html css js c++ java

Vue2.0实现1.0的搜索过滤器功能

　　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>

查看全文

相关阅读:
②.kubernetes service
c2p
⑤.docker dockerfile
④.docker volume
②.docker image
③.docker container
①.docker介绍
 三剑客之grep
⑦.shell 数组
 shell 正则

原文地址：https://www.cnblogs.com/zhansu/p/6118793.html