实现搜索功能

1.在文本框设置数据双向绑定
文本框与data中的搜索关键字query绑定

<el-input placeholder="请输入内容" v-model="queryInfo.query">

export default {
  // 当前组件私有数据
  data() {
    return {
      // 获取用户列表的参数对象
      queryInfo: {
        //搜索关键字
        query: "",
        //当前的页数
        pagenum: "1",
        //当前每页显示多少条数据
        pagesize: "2",
      },
      userlist: [],
      total: 0,
    };

2.给搜索按钮绑定按钮点击事件，直接绑定调用getUserList函数

<el-button
   slot="append"
   icon="el-icon-search"
   @click="getUserList">
</el-button>