Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.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
Javascript 加载组件时如何在v-autocomplete中显示文本_Javascript_Vue.js_Ecmascript 6_Nuxt.js_Vuetify.js - Fatal编程技术网

Javascript 加载组件时如何在v-autocomplete中显示文本

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&

对我的项目使用Vuetify,我有用于城市选择的组件。我在一些页面中也使用了这个组件。因此,当我更改页面时,如果我在更改页面之前进行了选择,我希望看到我的选择

   <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,当页面在选择后更改时