huangtaoya
侠客
侠客
  • 最后登录2020-03-26
  • 发帖数10
阅读:5637回复:0

[vue]VUE:搜索框动态提示(使用了elementUi的提示组件)

楼主#
更多 发布于:2019-11-14 11:16
HTML:
<el-autocomplete v-model="hospitalName.hospitalName" placeholder="请输入搜索值" label-name="标题名称" :fetch-suggestions="querySearch"></el-autocomplete>
DATA:
      getHospitalData: [],// 根据输入值  查询到的结果
      hospitalName: { hospitalName: "", keyID: "" },    // 输入框绑定的数据
      remindData: [] // 存放提醒框的数据
JS:
   querySearch(queryString, cb) {
      if (this.hospitalName.hospitalName !== "") {
        this.remindData = [];
        let params = { name: this.hospitalName.hospitalName };
        this.$_http.get(this.$_API.INTERFACE_SHARE_HOSPITAL_NAME, { params }).then(res => {
          this.getHospitalData = res.data;
          this.getHospitalData.forEach((item) => {
            let obj = { value: "", keyID: "" };
            obj.value = item.orgName;
            obj.keyID = item.keyID;
            this.remindData.push(obj);
          });
          let nameTipsArray = this.remindData;
          cb(nameTipsArray);
        });
      }
    }
[huangtaoya于2019-11-15 20:53编辑了帖子]

最新喜欢:

doubleyongdouble...
游客


返回顶部

公众号

公众号