vue.js - 如何从离子输入（Vue）中获取绑定值

Question

我正在使用 vue 和 ionic 创建一个移动应用程序，我想在方法中使用表单值。
我的代码目前如下所示：

 <template>
    <ion-button @click="SendData()">Fertig</ion-button>

    <ion-item>
        <ion-label>Title:</ion-label>
        <ion-input v-bind:value="title" placeholder="erforderlich"></ion-input>
    </ion-item>

    <ion-item>
        <ion-label>SKU Number:</ion-label>
        <ion-input :value="skuNumber" placeholder="erforderlich"></ion-input>
    </ion-item>
</template>

<script>
import { IonContent, IonHeader, IonTitle, IonToolbar, IonInput, IonItem, IonLabel }
import { defineComponent } from "vue";

export default defineComponent({
  name: 'MaterialEdit',
  props: {
    modalType: { type: String, default: 'Material bearbeiten' },
    material: [],
  },
  data() {
    return {
      // Form Values
      title: '',
      skuNumber: '',
    }
  },
  methods: {
      SendData(){
          console.log(this.title)
      }
  },
  components: { IonContent, IonHeader, IonTitle, IonToolbar, IonInput, IonItem, IonLabel  }
});
</script>

我console.log()在SendData()方法中打印一个空字符串。
如您所见，我尝试将<ion-input>withv-bind和 with的值绑定:。两者都不起作用。
有谁知道为什么？

标签： vue.jsionic-framework