ionic ui componentで、inputのデータバインドがうまくいかない時(v-modelが効いてない時)


覚書です。

<ion-item>
        <ion-label position="stacked">名前</ion-label>
        <ion-input v-model="petName"></ion-input>
</ion-item>

これを
こうすると動く

<ion-item>
        <ion-label position="stacked">名前</ion-label>
        <ion-input :value="petName" @input="petName = $event.target.value"></ion-input>
</ion-item>

参照元🙏:
https://www.koatech.info/blog/vue-databinding-ionic/
https://github.com/vuejs/vue/issues/7830