Javascript 加载组件时如何在v-autocomplete中显示文本
对我的项目使用Vuetify,我有用于城市选择的组件。我在一些页面中也使用了这个组件。因此,当我更改页面时,如果我在更改页面之前进行了选择,我希望看到我的选择Javascript 加载组件时如何在v-autocomplete中显示文本,javascript,vue.js,ecmascript-6,nuxt.js,vuetify.js,Javascript,Vue.js,Ecmascript 6,Nuxt.js,Vuetify.js,对我的项目使用Vuetify,我有用于城市选择的组件。我在一些页面中也使用了这个组件。因此,当我更改页面时,如果我在更改页面之前进行了选择,我希望看到我的选择 <v-autocomplete v-model="flightAirport" :items="itemsAirportList" :search-input.sync="searchFligts&
<v-autocomplete v-model="flightAirport"
:items="itemsAirportList"
:search-input.sync="searchFligts"
hide-details
hide-no-data
item-text="cityName"
item-value="Id"
class="search-field ma-0 pt-6 pb-1 pa-3 pr-sm-6 mb-xs-2"
:label="label"
return-object
:append-icon="null"
@change="$emit('flightAirport', flightAirport)">
<template v-slot:selection="{item}">
<span v-text="`${item.name}`"/>
<span v-text="`${getSelectedAirport.name}`"/>
</template>
....
</v-autocomplete>
但问题是,在v-autocomplete中进行选择之前,我无法显示getSelectedAirport值。如果。因为v型槽:选择只在选择后起作用。
我想在加载componenet时显示getSelectedAirport。
我需要一个真正的v槽用法,以显示getSelectedAirport,当页面在选择后更改时