<template>
<div>
<el-form-item label="查询接口">
<el-autocomplete
popper-class="el-fin-add"
style="width: 220px;"
v-model="queryForm.interfaceName"
:fetch-suggestions="getInterfaceList"
placeholder="请输入内容"
@select="handleSelect"
>
<template slot-scope="{ item }">
<div :title="item.interfaceSearch" class="interfaceSearch">{{ item.interfaceSearch }}</div>
</template>
</el-autocomplete>
</el-form-item>
</div>
</template>
<script>
export default {
data() {
queryForm: {
module: "",
interfaceName: ""
},
interfaceSearch: "",
}
methods: {
getInterfaceList(search = "", cb) {
const url = `/autoMation/getInterfaceList?module=${
this.queryForm.module
}&search=${search}`;
this.$http.get(url).then(
response => {
if (response.body.code === 1) {
// 调用 callback 返回建议列表的数据
cb(response.body.data);
} else {
this.$message.error(`获取分支失败：${response.body.msg}`);
}
},
response => {
this.$message.error(`系统错误：${response.body.msg}`);
}
);
},
handleSelect(item) {
this.queryForm.interfaceName = item.interfaceSearch;
console.log(item);
}
}
}
