[vuejs官网]vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

更新时间:2021-06-17    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

直接贴代码了:

先上输入前的样子:

 代码如下

 

 

  

   

    {{item.id}}

    {{item.name}}

    {{item.time}}

   

  

 

<script>

 var example1 = new Vue({

  el: '#example',

  data: {

   searchData:'',

  items: [

   {id:'1008',name:'涛涛',time:'20170207'},

   {id:'1098',name:'合同',time:'20170213'},

   {id:'1107',name:'晓丽',time:'20170304'},

   {id:'1004',name:'小兰',time:'20170112'},

   {id:'1102',name:'财务',time:'20170203'},

   {id:'1108',name:'哈哈',time:'20170208'},

   {id:'1345',name:'测试',time:'20170201'},

  ]

  },

  ready:function(){

    

  },

  watch:{

   items:{

    handler:function(val,oldval){

      

    },

    deep:true

   }

  },

   

  methods:{

    

  }

 })

</script>

当在输入框中输入'合同',得到结果如图:

本文来源:http://www.bbyears.com/wangyezhizuo/124249.html