Vue.js Quasar Framework自动完成|在滚动项目时不填充数据
我有一个地址组件,其中名称应具有输入和自动完成类型(以便用户可以选择/键入地址)…我在下拉列表中显示的地址将是格式化类型。在滚动浏览可用地址项时,是否有方法阻止输入字段中的数据填充Vue.js Quasar Framework自动完成|在滚动项目时不填充数据,vue.js,vuejs2,quasar-framework,quasar,Vue.js,Vuejs2,Quasar Framework,Quasar,我有一个地址组件,其中名称应具有输入和自动完成类型(以便用户可以选择/键入地址)…我在下拉列表中显示的地址将是格式化类型。在滚动浏览可用地址项时,是否有方法阻止输入字段中的数据填充 newvue({ el:“#q-app”, 数据:函数(){ 返回{ 公司名称:“, 地址键:“”, 州:“, 城市:“, 街道:“, ZipCode:“”, 地址详情数据:[], 地址详情:[ { 名称:“名称1”, 国家:“国家1”, 城市:“城市1”, 街道:“第一街”, ZipCode:“ZipCode 1
newvue({
el:“#q-app”,
数据:函数(){
返回{
公司名称:“,
地址键:“”,
州:“,
城市:“,
街道:“,
ZipCode:“”,
地址详情数据:[],
地址详情:[
{
名称:“名称1”,
国家:“国家1”,
城市:“城市1”,
街道:“第一街”,
ZipCode:“ZipCode 1”
},
{
姓名:“姓名2”,
国家:“国家2”,
城市:“城市2”,
街道:“第二街”,
ZipCode:“ZipCode 2”
},
{
姓名:“姓名3”,
国家:“第3国”,
城市:“城市3”,
街道:“第三街”,
ZipCode:“ZipCode 3”
},
]
}
},
方法:{
筛选器地址(val、更新、中止){
如果(值长度<3){
中止();
返回;
}
更新(()=>{
const itemValue=val.toLowerCase();
this.AddressDetailsData=[];
this.AddressDetails.forEach(项=>{
if(item&&Object.values(item).toLocaleString().toLocaleLowerCase().includes(itemValue)){
让itemDesc=item.Name.bold()+“
”+item.Street+“
”
+item.City+,“+item.State+”+item.ZipCode+”;
this.AddressDetailsData.push(
{name:JSON.stringify(item),value:itemDesc}
)
}
});
}
)
},
setCompanyName(值){
如果(值包括(“
”)){
this.AddressDetailsData.forEach(行=>{
如果(row.value==值){
这是。$forceUpdate();//强制重新加载以更新值
this.CompanyName=(JSON.parse(row.name)).name;
返回;
}
})
}否则{
this.CompanyName=值;
}
},
地址变更(项目){
this.addressKey=项目;
让addressitem=JSON.parse(item);
this.CompanyName=addressitem.Name;
this.Street=地址项.Street;
this.City=addressitem.City;
this.State=addressitem.State;
this.Street=地址项.Street;
this.ZipCode=addressitem.ZipCode;
}
},
创建(){
console.log(this.AddressDetailsData);
}
})
名称
街头
城市
陈述
Zipcode