微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

**前端配合elementui中table进行筛选**

前端配合elementui中table进行筛选

<el-input
              v-model="allSubscribed"
              placeholder="数据项名称"
              suffix-icon="el-icon-search"
            ></el-input>
            //输入框中的东西就是需要筛选的东西
            <div class="tableList">
            //.filter(item=>item.dataname.includes(allSubscribed)),dataname是我要对应的数据
              <el-table
                :data="tableData.stayData.filter(item=>item.dataname.includes(allSubscribed))"
                style="
                  width: 100%;
                  border-radius: 5px;
                  background: rgba(250, 250, 250, 1);
                "
              >
                <el-table-column
                  type="index"
                  label="序号"
                  width="80"
                  align="center"
                >
                </el-table-column>
                <el-table-column prop="cdataId" label="数据项ID" align="center">
                </el-table-column>
                <el-table-column
                  prop="dataname"
                  label="数据项名称"
                  align="center"
                >
                </el-table-column>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐