vue+elementUI实现模糊搜索功能

最新推荐文章于 2024-09-26 14:06:33 发布

橘哥哥

最新推荐文章于 2024-09-26 14:06:33 发布

阅读量1.4w

点赞数 6

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/ju__ju/article/details/99450517

版权

前端专栏收录该内容

50 篇文章 2 订阅

订阅专栏

computed: {
	searchData: function() {
	      var search = this.search;
	      //此处的etquestions均为data, 这个etquestions.content.title是根据自己的需要写,一般写data
	      if (search) {
	        return this.etquestions.filter(etquestions => {
	          if (etquestions.content.title.includes(search)) {
	            return etquestions;
	          }
	        });
	      }
	      return this.etquestions;
    }
}

<el-table
          class="question-tab"
          style="width: 100%"
          :show-header="false"
          :data="searchData"     //把data换成computed中定义的方法,会返回一个data
          @selection-change="handleSelectionChange"
        >
</el-table>

在这里插入图片描述