Así que básicamente tengo un problema de que las directivas de Vue.js, como v-model , no funcionan con ionic 5. Sigo las guías en youtube usando Ionic 4 y simplemente no me funciona para Ionic 5. Por ejemplo, para hacer la v-model de trabajo que necesitaba para escribir este código:
<ion-input :value="name" @ionInput="name = $event.target.value;" @ionClear="searchCleared($event)" type="text" placeholder="Enter name"></ion-input> <ion-label>{{name}}</ion-label> (He agregado la ion-label para poder ver si el valor está cambiando mientras ingreso letras). Y en el guión:
<script> import { IonContent, IonPage} from '@ionic/vue'; import { defineComponent } from 'vue'; import axios from 'axios'; import {alertController} from '@ionic/vue'; export default defineComponent({ name: 'Home', components: { IonContent, IonPage }, data(){ return{ name: "" } }, methods: { ..........si lo escribo asi:
<ion-input v-model="name" type="text" placeholder="Enter name"></ion-input> <ion-label>{{name}}</ion-label>no funciona como se esperaba
¡Gracias!
<ion-item> <ion-label>An Input Field</ion-label> <ion-input v-model="inputField" type="text"></ion-input> </ion-item> solo puede usar v-model con la última versión de ionic