Estoy tratando de obtener una coincidencia exacta para mis selecciones desplegables. Entonces, en este ejemplo, si selecciono 'manzana', la consulta se ejecuta correctamente, pero también devuelve resultados para 'piña'. ¿Cómo obtengo solo una coincidencia exacta?

Tengo otra función en mi aplicación que devuelve los datos de uniqfruit.

el menú desplegable

 <select id="fruitselect" v-model="fruit" class="form-control" @change="fruitonChange($event)" :disabled="selectDisabledfruit" > <option disabled value="">Select fruit</option> <option v-for="fruit in uniqfruit" :key="fruit" :value="fruit"> {{ fruit }} </option> </select>

La función VueJS

 fruitonChange: function (e) { var id = e.target.value; var fruit = e.target.options[e.target.options.selectedIndex].text; if (id === uniqfruit) { this.runquery(); } else { e = "!showall"; } console.log("id ", id); console.log("fruit ", this.fruit); console.log("uniqfruit ", this.uniquefruit); },

Resultados de la consola

 id apple fruit apple uniqfruit Proxy {0: 'apple', 1: 'banana', 2: 'pineapple', 3: 'kiwi'}