vue实现筛选功能

最新推荐文章于 2024-07-30 16:12:41 发布

程序媛-静儿

最新推荐文章于 2024-07-30 16:12:41 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/qq_36711388/article/details/70622349

版权

本文详细介绍了如何在Vue.js应用中实现数据表格的筛选功能，通过利用Vue的响应式系统和计算属性，实现动态过滤数据，提高用户体验。同时讨论了如何优化大量数据的筛选性能，确保应用流畅运行。

摘要由CSDN通过智能技术生成

html

 
  <div class="pop_select" v-show="popup" v-cloak> 
 
                <p></p> 
 
                <div class="house top"> 
 
                  <span class="blue">已选:</span> 
 
                  <ul class="choosed"> 
 
                    <li v-for="t in typeList" v-show="typeid==t.type_id">{
   {t.type_name}} <span class="dele" @click="deleType">X</span></li> 
 
                    <li v-for="a in areaList" v-show="areaid==a.area_id">{
   {a.area_name}} <span class="dele" @click="deleArea">X</span></li> 
 
                    <li v-for="s in designStyleList" v-show="styleid==s.design_style_id">{
   {s.design_style_name}} <span class="dele" @click="deleStyle">X</span></li> 
 
                    <li v-for="i in positionids"><span v-for="p in positionList" v-show="i==p.position_id">{
   {p.position_name}}</span><span class="dele" @click="delePosition(i)">X</span></li> 
 
                  </ul> 
 
                </div> 
 
                <div class="house" style="padding-top:10px;"> 
 
                    <span>户型:</span> 
 
 <