element ui输入框时时输入监控

最新推荐文章于 2024-06-03 11:37:01 发布

小仙女de成长

最新推荐文章于 2024-06-03 11:37:01 发布

阅读量1.4k

点赞数 2

分类专栏： element UI

博客就当自己记的笔记而已~非常感谢博客大神的帮助，若有无意侵权，请联系我，谢谢

本文链接：https://blog.csdn.net/qq_32963841/article/details/107949906

版权

element UI 专栏收录该内容

74 篇文章 15 订阅

订阅专栏

效果如下：

    <el-autocomplete
              v-model="form.businessName"
              :fetch-suggestions="querySearchAsync"
              @select="handleSelect"
              placeholder="请输入企业名称"
            >
    </el-autocomplete>

方法：

querySearchAsync (queryString, callback) {
      var list = [{}]
      // 调用的后台接口
      allBusiness({
        businessName:this.form.businessName
      }).then((res) => {
        // 在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示
        for (let i of res) {
          i.value = i.businessName // 将想要展示的数据作为value
        }
        list = res
        callback(list)
      })
    },
    createStateFilter(queryString) {
      return (houseNumber) => {
        return (houseNumber.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
      };
    },