element表格表头搜索

table表格直接在表头进行前端搜索

 

 

       <el-table
          :data="tableData.filter(data => !search||data.pointName.toLowerCase().includes(search.toLowerCase()))"
         >
          <el-table-column prop="pointName" label="名称" show-overflow-tooltip>
            <template slot="header">
              <span>名称</span>
              <el-input
                v-model="search"
placeholder="输入名称关键字搜索" /> </template> </el-table-column> </el-table>

 

posted @ 2022-11-03 11:41  如意酱  阅读(585)  评论(0编辑  收藏  举报