Buen dia, quisiera me ayudaran con lo siguiente, no di con el cuento de hacer autocomplete de un iput con Vue pues lo estoy aprendiendo, tengo un codigo de Jquery que me autocompleta ciudades, me sirve sin Vue pero yo armo el array con Vue, por lo cual necesito aceder a el
aqui el input el cual estaría creo yo dentro del tipico div de vue con id="app", correcto?
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="inputCiudades">
</div>
el script normalmente de jQuery va a asi y me funciona con el array ciudades
<script>
$( function() {
var ciudades = [
"Buenos Aires",
"Santiago de chile",
"Lima"
];
$( "#inputCiudades" ).autocomplete({
source:ciudades
});
} );
</script>
pero quisiera que la variable ciudades venga desde Vue
new Vue({
el:'#app',
data:{
ciudades:[],
},
mounted(){
this.consultarCiudades();
},
methods:{
consultarCiudades(){
//aqui armaré el array trayendo los datos de firestore lo cual lo se hacer
//this.ciudades = .....
}
)}
es esto posible?, gracias!!