el-autocomplete输入模糊搜索可以输入多个

Question

问题描述

el-autocomplete输入模糊搜索，但是可以输入多个，跟el-select中设置multiple一样，可以多个

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<!--</el-select>-->

                <el-autocomplete v-model="ruleForm.sysVersion" placeholder="系统版本" clearable multiple
                                 style="width: 100%"
                                 :trigger-on-focus = "true"
                                 :fetch-suggestions="querySearch"
                                 @select="handleSelect"
                ></el-autocomplete>
    //-------js部分
    querySearch (queryString, callback) {
    var list = []
    let sourceArr = Object.values(this.formData.sysVersion)
    for (let key in sourceArr){
      let listObj = {"value": null}
      listObj["value"] = sourceArr[key]
      list.push(listObj)
    }
    callback(list)
  },
  handleSelect (item) {
    //console.log(item, 'item')
  }

你期待的结果是什么？实际看到的错误信息又是什么？

跟el-select一样可以多选，
实际看到的是————只能选择一个，当再选时，会覆盖上一个

Answer 1

那你用错了组件啊，多选就用el-select用什么el-autocomplete? el-autocomplete是el-input的扩展形态,本就不支持多选,它value / v-model 绑定值类型是 string / number 这种类型你要是设计者告诉我如何自动实现多选效果？