Question

我尝试提交表单数据。当我尝试我的代码form.append（'subject'，“ hello”）时，它很好地工作。但是form.append（'subject'，'this.subject'）=>返回'undefined'。我该怎么解决？

form.append（'subject'，“ hello”），效果很好。但是form.append（'subject'，'this.subject'）=>返回'undefined'。

我的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>

Answer 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>

Vuetify表单数据未定义

1 个答案: