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

前端之家收集整理的这篇文章主要介绍了vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

直接贴代码了:

先上输入前的样子:

#example{margin:100px auto;width:600px;} .show{margin:10px;} #searchText{display: block;margin:0 auto 10px;height:24px;line-height: 24px;width:200px;} .content ul li{text-align: center;} .content ul li span{display: inline-block;width:150px;font-size:15px;color:#000;}
搜索id或者姓名" v-model="searchData"/>
  • {{item.id}} {{item.name}} {{item.time}}
  • 当在输入框中输入'合同',得到结果如图:

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    猜你在找的Vue相关文章