element中input联想查询、mac前台vue打包文件发服务器

• 最近项目需求，有需要一个类似百度的联想查询，element有一个类似的功能，于是便学习用了一下。

<el-autocomplete v-model="sizeForm.reportCompanyName" 
                 :fetch-suggestions="querySearch"
                 @select="handlename" 
                 placeholder="请输入举报公司" 
                 :trigger-on-focus="false" 
                 class="el-auto">
</el-autocomplete>

querySearch(queryString, callback) {
      var list = [{}]
      if (queryString && queryString.length > 0) {
        getReportedCompany(queryString).then(res => {
          if (res.code == 200) {
            list = res.data.map(item => {
              //返回自己想要的数据格式
              return {
                id: `${item.id}`,
                value: `${item.enterpriseName}`
              }
            })
            //对比过滤出包含的数据
            var list2 = queryString ? list.filter(this.createFilter(queryString)) : list;
            callback(list2)
          }
        })
      }
    },
    createFilter(queryString) {
      //判断是否包含
      return (restaurant) => {
        return (restaurant.value.indexOf(queryString) > -1);
      };
    },
    handlename(item) {
      this.sizeForm.reportCompanyName = item.value;
      this.sizeForm.reportCompanyId = item.id
    },

• mac系统中，把vue文件上传服务器

先用mac上的终端：cmd+k，链接远程服务器，然后链接

再启用终端，通过 cd 找到需要上传的dist路径

若有收获，就点个赞吧