<el-form-item label="用户列表">
<el-autocomplete
class="inline-input"
@clear="clearUser"
clearable
v-model="paramData.userName"
:fetch-suggestions="querySearch"
placeholder="请输入用户名"
@select="handleSelect"
>
</el-autocomplete>
</el-form-item>var vue = new Vue({
data: {
paramData: {
userId: "",
userName: ""
},
userList: []
}，
created: function() {
var self = this;
self.initUser("");
},
mounted: function() {},
methods: {},
methods: {
initUser: function(userName) {
var self = this;
var queryParam = {};
$.ajax({
url: xxx,
contentType: 'application/json',
data: JSON.stringify(queryParam),
success: function(resultData) {
if (resultData.success) {
self.userList = result.data;
} else {
self.userList = [];
}
}
});
},
handleSelect: function(item) {
var self = this;
self.paramData.userName = item.value;
self.paramData.userId = item.id;
self.onSearch();
},
querySearch: function(queryString, cb) {
var self = this;
var queryParam = {};
$.ajax({
url: xxx,
contentType: 'application/json',
data: JSON.stringify(queryParam),
success: function(resultData) {
if (resultData.success) {
cb(result.data);
} else {
cb([]);
}
}
});
},
clearUser: function() {
var self = this;
self.paramData.userName = "";
self.paramData.userId = "";
}
}
});
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/66302.html
