Javascript 使用vuetify自动完成的默认值

因此，我为每个用户制作了一个注册和地址表单，我希望每次用户连接并导航到配置文件页面时，他都会编辑自己的详细信息。 现在我有了来自api的异步自动完成，它可以为我获取对象格式的所有项， 所以我试着给v-model一个默认值，但它没有改变，我想应该在项目和v-model之间有连接，所以我试着假装异步搜索并获取项目，但仍然看不到默认值。 我不在乎数据中是否有值，我只想直观地看到它

导出默认值{
道具：{
命令：{
类型：字符串
},
项目文本：{
类型：字符串
},
itemValue：{
类型：字符串
},
标签：{
类型：字符串
},
城市：{
类型：编号
},
街道：{
类型：编号
},
类型：{
类型：字符串
},
默认值：{
类型：字符串| |编号
}
},
数据（）{
返回{
加载：false，
项目：[]，
搜索：空，
选择：空
};
},
观察：{
搜索（val）{
val&&val！==this.select&&this.querySelections（val）；
},
选择（val）{
如果（val！==此.defaultValue）{
this.$emit（“选定的”{value:val[this.itemValue]，text:val[this.itemText]}）；
}
}
},
异步装入（）{
constdefaultselected={}；
defaultSelected[`${this.itemText}`]=this.defaultValue？this.defaultValue.value:this.defaultValue；
defaultSelected[`${this.itemValue}`]=this.defaultValue？this.defaultValue.id:this.defaultValue；
等待this.querySelections（defaultSelected[`${this.itemText}`]）；
console.log（this.items）；
//this.select=defaultSelected[`${this.itemText}`]；
},
方法：{
异步查询选择（v）{
这是。加载=真；
//模拟ajax查询
const data=（等待此$services.SearchService.searchAddress（v，this.cmd，this.city，this.street））.data；
控制台日志（数据）；
如果（this.type==“城市”）{
this.items=data.data[`CitiesRes`]；
}
如果（this.type==“street”）{
this.items=data.data[`StreetsRes`]；
}
如果（this.type==“streetNumber”）{
this.items=data.data[“NumbersRes”]；
}
这一点：加载=错误；
},
asyncinsertDefualtData（）{}
}
};

尝试将放入

v-model

中的任何内容推入

items

数组，它可能会显示您想要的结果。这样做也完全可以，因为您的

搜索输入。sync

将根据稍后键入的输入更改您的

项目

数组。效果很好。我用我想要的值伪造了搜索结果，然后插入v-model项的第一个值。你必须了解

v-autocomplete

及其搜索工作原理，为了在选择槽中显示值，你需要在

项数组中显示该值！您在
输入中键入的内容
将通过
search input.sync
进入您的
search
变量，您选择的内容将绑定到
v-model
，因为您的
search
更改调用更改
项
数组的方法，您只需将数据加载到
v-model
中，并将其推入
items
数组中，它就可以正常工作，不会出现任何问题。你真的不需要任何额外的步骤。祝你好运。