Ionic + Nuxt.js v-model 不传递数据

Question

我使用 Ionic + Nuxt.js 创建了一个基本应用程序，并使用了一些离子组件。但是这些组件似乎没有正常的行为。使用 v-model，不会将数据同步到数据函数中。

IE：

<ion-item>
  <input v-model="email" type="email" name="email"> <<< WORKS
  <ion-label position="floating">Email Address {{ email }}</ion-label>
  <ion-input v-model="email" type="email" name="email"></ion-input> <<< DOES NOT
</ion-item>


data () {
    return {
      email: '',
      password: '',
      error: null
    }
  },

这个 ion-item 的更多范围包含在 ion-app / ion-grid / row-cols 中。此外，运行所有最新版本（2021/05/18）。 任何帮助将不胜感激。

Answer 1

我不知道您是否使用 Ionic 5。当您使用 Ionic 5 和 Vue 3 时，您的解决方案应该可以工作。

但是当您使用 Ionic 4 时，您需要使用 @IonChange=""

并检查您导入的IonInput 是否正确。