0

是点击button后显示模态框里的form 远程搜索回显的时候,想要回显的值 并不是 v-model中绑定的值,但他会自动搜索绑定的值,就是会搜索id 而不是 label。
点击按钮之后设置了setQuery无效,label无效

<Select ref="agency" v-model="storeInfo.agencyId" :label="storeInfo.agencyName" 
filterable remote clearable placeholder="请输入关键字" :remote-method="searchAgency" :loading="searchLoading">
      <Option v-for="(item, index) in agencyList" :value="item.id" :key="item.id">{{item.agencyName}}</Option>
</Select>

//js:
getAgencyList(query = null) {
    return this.$post("/bbtAgency/list", {
        name: query.trim()
    }).then(res => {
        if (res.success) {
            this.agencyList = res.data.page.list;
        } else {
            this.$Message.error(res.message);
        }
    });
},
 searchAgency(query) {
    if (query != "") {
        this.searchLoading = true;

        this.getAgencyList(query).then(() => {
            this.searchLoading = false;
        });
    } else {
        this.agencyList = [];
    }
},
   

2018-12-29 提问

1 个回答

1

已采纳

把v-model中的值 换成另外一个 在异步获取到这个值之后
用文档里的setQuery 会直接弹出下拉框
根绝ref去设置query this.$refs["agency"].query = this.storeInfo.agencyName;

推广链接