element ui 搜索案例记录

最新推荐文章于 2024-04-17 11:00:00 发布

雨雨＃#雨雨

最新推荐文章于 2024-04-17 11:00:00 发布

阅读量197

点赞数

分类专栏：笔记文章标签： elementui vue.js

本文链接：https://blog.csdn.net/weixin_60508127/article/details/125273325

版权

笔记专栏收录该内容

48 篇文章 0 订阅

订阅专栏

    <el-form
      :model="queryParams"
      ref="queryForm"
      :inline="true"
      v-show="showSearch"
      label-width="68px"
    >
      <el-form-item label="平台名称" prop="platform">
        <el-input
          v-model="queryParams.platform"
          placeholder="请输入"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="handleQuery"
          >搜索</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
      </el-form-item>
    </el-form>

    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },