javascript - Ionic Vue ion-textarea 没有将值传递给 v-model

Question

我在将值从 ion-textarea v-model 传递到我的函数时遇到问题。每当我使用变量调用 console.log 时，我都会得到未定义。我尝试将标签从 ion-textarea 更改为 ion-input-no dice。我的其他变量（'visitStatus'、'support'）有效。

这是我的代码的相关部分：

        <ion-list>
          <ion-radio-group value="visit" v-model="visitStatus">
            <ion-list-header>
              <ion-label>Visit Status</ion-label>
            </ion-list-header>
            <ion-item>
              <ion-label>Not Visited</ion-label>
              <ion-radio slot="start" value="not"></ion-radio>
            </ion-item>

            <ion-item>
              <ion-label>Left Literature</ion-label>
              <ion-radio slot="start" value="lit"></ion-radio>
            </ion-item>

            <ion-item>
              <ion-label>Contact Voter</ion-label>
              <ion-radio slot="start" value="voter"></ion-radio>
            </ion-item>
            <ion-item>
              <ion-label>No Trespassing/Inaccesssible</ion-label>
              <ion-radio slot="start" value="tres"></ion-radio>
            </ion-item>
          </ion-radio-group>
        </ion-list>
        <ion-list>
          <ion-radio-group  v-model="support">
            <ion-list-header>
              <ion-label>Support</ion-label>
            </ion-list-header>
            <ion-item>
              <ion-label>Will Support</ion-label>
              <ion-radio slot="start" value="support"></ion-radio>
            </ion-item>
            <ion-item>
              <ion-label>Will Not Support</ion-label>
              <ion-radio slot="start" value="noSupport"></ion-radio>
            </ion-item>
            <ion-item>
              <ion-label>Undecided</ion-label>
              <ion-radio slot="start" value="undecided"></ion-radio>
            </ion-item>
          </ion-radio-group>
        </ion-list>
        <ion-input name ="textInput" v-model="textField" value="Test2"></ion-input >
        <ion-button expand="full" type="submit">Submit</ion-button>
      </form> 
    ...
methods: {
    submitSurvey(visit: string, support: string, textField: string) {
      console.log(visit, support, textField);
      router.push("/tabs/tab2/");
    }
...

标签： javascriptvue.jsionic-framework