vuejs通过筛选依据、排序依据实现搜索筛选、降序排序数据

直接贴代码了：

先上输入前的样子：

样式#示例{ margin:100px auto宽度宽度：600px}。显示{ margin :10 px } # search text { display :块；margin:0 auto 10pxheight:24px线高： 24px宽度宽度：200px}。内容ul Li { text-align :居中；}.内容ul Li span { display : in-block；宽度宽度：150 px font-size :15 px；color : # 000 }/style/head dydiv id=' example '输入类型='text' id='searchText '占位符='搜索编号或者姓名v-model=' search data '/div class=' content ' ul Li v-for=' item | filter by ' id ' name ' | order by ' name ' '-1 ' ' span { item }中的搜索数据。id } }/span { { item。name } }/span { { item。time } }/span/Li/ul/div/div脚本var示例1=new Vue({ El : ' # example }，data: { searchData: ' '，items:涛涛，时间：'20170207'}，{id:'1098 '，名称： '合同，时间：'20170213'}，{id:'1107 '，名称： '晓丽，时间：'20170304'}，{id:'1004 '，名称： '小兰，时间：'20170112'}，{id:'1102 '，名称： '财务，时间：'20170203'}，{id:'1108 '，名称： '哈哈，时间：'20170208'}，{id:'1345 '，名称： '测试，time:'20170201'}，] }，ready:function(){ }，watch : { items : { handler : function(val，oldval){ }，deep:true } }，methods 3360 { })/script当在输入框中输入'合同，得到结果如图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。