2020-2021暑期项目实训第三周——根据名称搜索企业功能以及主要代码（一）

墨瑒

于 2021-07-18 10:18:45 发布

阅读量286

点赞数

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

本文链接：https://blog.csdn.net/qq_43502432/article/details/118873965

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

主要实现了根据名称搜索企业的功能。
在用户申请加入企业时，首先要输入企业名称进行模糊查询，查询结果会显示所有与搜索词相关的企业列表，用户根据显示的企业信息去选择要加入的企业。
在这里插入图片描述

<a-input-search
        v-if="current == 0"
        placeholder="请输入企业名称"
        enter-button
        @search="search"
        style="width: 50%; margin-top: 5%"
        ref="companyName"
        required
        prop="companyName"
        v-model="companyName"
      />

    search() {
      const companyName = this.companyName;
      searchCompany(companyName).then(this.afterSearch);
      this.current++;
    },
    afterSearch(res) {
      this.data = res.data.data;
    },