Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Quasar Framework自动完成|在滚动项目时不填充数据_Vue.js_Vuejs2_Quasar Framework_Quasar - Fatal编程技术网

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