关于jquery-UI的autocomplete在input框第一次输入中文不显示列表,删除后第二次输入显示列表
l润叶q 2017-07-04 03:06:15 比如在输入框中第一次输入“李”,数据从后台传到了前台,但是不显示;删除“李”字后,第二次再输入“李”就会显示数据
JSP代码:用的vue.js
<div>
<span>姓名:</span> <input type="text" id="name" v-model="name" v-on:keyup="validate">
<div style="color:red;text-align:center;"><span v-show="error">请选择用户!</span></div>
</div>
JS代码:
validate:function(){
if(this.name){
this.getAvaliableUserList(this.name);
this.error=false;
console.log(this.name);
}
},
getAvaliableUserList:function(realName){
var self=this;
base.ajax({
url: "/back/userRole/getAvaliableSchoolUser",
data: {type:self.type,realName:realName},
success: function (rs) {
var names=[];
var details=[];
if(rs){
for(var i=0;i<rs.length;i++){
var name=rs[i].realName+"("+rs[i].code+")";
var detail=rs[i].id+"("+rs[i].code+")";
names[names.length]=name;
details[details.length]=detail;
}
self.details=details;
}
$( "#name" ).autocomplete({
source: names
});
}
});
},