el-select下拉框 change事件返回该项所有数据

 主要代码 value-key






el-select下拉框 change事件返回该项所有数据_第1张图片el-select下拉框 change事件返回该项所有数据_第2张图片

 以下暂时自行理解,需与后端对接(有时间在整理)。。。。。

1. input 远程搜索
 
              

 querySearchAsync(query, callBack) {
      if (query!== "") {
        this.$http
          .post("/system/ssoloin/getUrlataMap", {
            method: "getEntByword",
            token: getToken(),
            mapData: { type: "0", keyword: query},
          })
          .then((res) => {
            callBack(res.data.data.RESULTDATA);
          });
      }
    },

    handleSelect(item) {
      this.$http
        .post("/syem/ssolon/getUrltap", {
          method: "getRegistnfo",
          token: getToken(),
          mapData: { type: "0", keyWord: item.ENTNAME },
        })
        .then((res) => {
          this.form = res.data.data.RESTDATA[0];
        });
    },

 2. select 远程搜索


                
                
              

    remoteMethod(query) {
      if (query !== "") {
        this.loading = true;
        this.$http
          .post("/syst/ssgin/getUrlaMap", {
            method: "getEyKeyord",
            token: getToken(),
            mapData: { type: "0", keyword: query },
          })
          .then((res) => {
            this.loading = false;

            this.options = res.data.data.RESUDTA;
          });
      } else {
        this.options = [];
      }
    },

 selectChange(value) {
      this.$http
        .post("/syem/ssogin/getUrlDaMap", {
          method: "getRegierInfo",
          token: getToken(),
          mapData: { type: "0", keyWord: value},
        })
        .then((res) => {
          this.form = res.data.data.RESULATA[0];
        });
    },

你可能感兴趣的:(vue.js,javascript,前端)