vue.js 离子输入v-model在我的代码中不起作用

ttisahbt 于 2023-01-14 发布在 Vue.js

关注(0)|答案(2)|浏览(95)

这是我第一次尝试Ionic + Vue应用程序，在ionic-input中，v模型不工作...请提供帮助？

data() {
      return {

        model: {
          email: '',
          password: '',
        
        }

<ion-input alternative
                              class="mb-3"
                              name="password"
                              :rules="{required: true, min: 6}"
                              prepend-icon="ni ni-lock-circle-open"
                              type="password"
                              v-model="model.password">
                  </ion-input>

vue.js

来源：https://stackoverflow.com/questions/71588979/ionic-input-v-model-is-not-working-in-my-code

2条答案

按热度按时间

nmpmafwu1#

我们有同样的问题。我已经用value和@ionInput修复了它。

<ion-input alternative
                          class="mb-3"
                          name="password"
                          :rules="{required: true, min: 6}"
                          prepend-icon="ni ni-lock-circle-open"
                          type="password"
                          :value="model.password"
                          @ionInput="model.password = $event.target.value;">
              </ion-input>

在此找到：https://github.com/ionic-team/ionic-framework/issues/15532#issuecomment-420031134

赞(0）回复(0）举报 2023-01-14

41zrol4v2#

在我的示例中，我缺少IonInput导入：

import {
  IonInput,
} from '@ionic/vue';

赞(0）回复(0）举报 2023-01-14

我来回答

vue.js 离子输入v-model在我的代码中不起作用

2条答案

相关问题

热门标签

最新问答