Shulou(Shulou.com)05/31 Report--

This article mainly explains "vuejs how to search and filter and sort data in descending order through filterBy and orderBy". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how vuejs can search and filter and sort data in descending order through filterBy and orderBy.

What it looks like before the input:

# example {margin:100px auto;width:600px;} .show {margin:10px;} # searchText {display: block;margin:0 auto 10pxscape height: 24pxash widthberry 200px;} .content ul li {text-align: center;} .content ul li span {display: inline-block;width:150px;font-size:15px;color:#000 } {{item.id}} {{item.name}} var example1 = new Vue ({el:'# example', data: {searchData:'', items: [{id:'1008',name:' Taotao', time:'20170207'}, {id:'1098',name:' contract', time:'20170213'}, {id:'1107',name:' Xiaoli' Time:'20170304'}, {id:'1004',name:' Xiaolan', time:'20170112'}, {id:'1102',name:' Finance', time:'20170203'}, {id:'1108',name:' ', time:'20170208'}, {id:'1345',name:' Test', time:'20170201'},]}, ready:function () {} Watch: {items: {handler:function (val,oldval) {}, deep:true}, methods: {}})

When you enter 'contract' in the input box, the result is as shown in the figure:

At this point, I believe you have a deeper understanding of "vuejs how to search and filter and sort data in descending order through filterBy and orderBy". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.