[vue2.0什么时候发布的]Vue2.0实现1.0的搜索过滤器功能实例代码

更新时间:2021-07-30    来源:php常用代码    手机版     字体:

【www.bbyears.com--php常用代码】

Vue2.0删除了很多1.0的比较实用的过滤器,如filterBy,orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能,自己又加入了大小写通用检索功能,比较简单,学一下。

 代码如下

  

    

    

      

  •         {{ user.name }}

          

        

      

      <script>

        newVue({

          el:'.app',

          data: {

            name:'',

            users: [

              { name:'Bruce'},

              { name:'Chuck'},

              { name:'Jackie'},

              { name:'赵'}

            ]

          },

          computed: {

            newUsers:function() {

              varthat =this;

              returnthat.users.filter(function(user) {

                returnuser.name.toLowerCase().indexOf(that.name.toLowerCase()) !== -1;

              })

            }

     

          }

        })

      </script>


    本文来源:http://www.bbyears.com/jiaocheng/132894.html