【el-autocomplete使用】

最新推荐文章于 2025-03-13 19:23:53 发布

老六.。。

最新推荐文章于 2025-03-13 19:23:53 发布

阅读量330

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_61104622/article/details/127851305

版权

          <el-autocomplete
            v-model="userQuery.realName"
            :fetch-suggestions="querySearchAsync"
            placeholder="请输入员工姓名"
            @select="handleSelect"
            clearable
            style="width: 200px;margin-right: 9px"
            :trigger-on-focus="false"
          ></el-autocomplete>

querySearchAsync(queryString, cb) {
      if( queryString != null || queryString != '' || queryString != undefined ) {
        employeeAPI.getTzUserName(queryString)
        .then(response => {
          let KnowledgeList = []
          response.data.forEach(item => {
            KnowledgeList.push({"value": item.realName, "content": item.userId})
          })
          cb(KnowledgeList);
        });
      }
    },
    handleSelect(item) {
      if( item !== null || item !=='' || item !==undefined ) {
        this.detailData.resultRemark = item.content
      }
    },