Vuetify 表单数据未定义答案

【问题标题】：Vuetify Form Data UndefinedVuetify 表单数据未定义
【发布时间】：2019-06-08 05:13:25
【问题描述】：

我正在尝试提交表单数据。当我尝试我的代码时

form.append('subject',"hello"),

工作很好。但是form.append('subject', 'this.subject') => return'未定义'。怎么解决？

form.append('subject',"hello")，很好用。但是form.append('subject', 'this.subject') => return'未定义'。

我的Write.vue 是：

<template>
<v-form @submit.prevent="sendPost" id="WriteForm" method="post">
   <v-btn icon type="submit" form="WriteForm"><v-icon>send</v-icon></v-btn>
   <v-text-field name="subject"></v-text-field>
   <v-textarea name="context"></v-textarea>
</v-form>
</template>



<script>
 export default {  
  data(){
   return{}
  },
  methods: {
   sendPost: function(){
     console.log(this.subject); //==> undefined :(
     console.log(this.context); //==> undefined :(
   }
 }
</script>

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

您应该将该属性添加到您的数据对象并将它们绑定到v-text-field，如下所示：

data(){
   return{
     subject:'',
     context:''
      }
    }

并在模板字段中使用v-model 指令绑定它们，例如：

<v-text-field name="subject" v-model="subject"></v-text-field>
<v-textarea name="context" v-model="context"></v-textarea>

【讨论】：