Tengo una aplicación que es un clon de github. Quiero hacer que la barra de búsqueda funcione como github. Pero mi barra de búsqueda en la barra de navegación en la sección de opciones quiere hacer clic. He dado a la opción un evento pero sigue sin funcionar. aquí mi código
data() { return { search: "", filteredrepo: [], owner: "dimaswntech", }; }, methods: { toRoute() { console.log("klilk", this.search); this.$router.push({ path: "/detail/" + this.search }); }, <b-nav-form> <input class="form-control input-repo" type="text" v-model="search" @input="searchData" autocomplete="off" list="my-list-id" placeholder="Search repo" /> <datalist id="my-list-id" v-if="filteredrepo" @change="toRoute"> <option v-for="filterre in filteredrepo" :key="filterre.id"> {{ filterre.name }} </option> </datalist> <!-- <b-button size="sm" class="my-2 my-sm-0" type="submit" >Search</b-button > --> </b-nav-form>v-model es el método de enlace bidireccional de vue. Es igual a v-bind:value combinado con @input . Quitaría el @input
<input :value="text" @input="event => text = event.target.value"> <input v-model="text"> Luego, los datos de búsqueda deben incluir el valor de su barra de búsqueda y luego debe activar el método toRoute .