0
<template>
  <v-layout column justify-center align-center>
    <v-flex xs12 sm8 md6>
      <v-card>
        <v-card-title class="headline">TITLE</v-card-title>
        <v-card-actions>
          <v-spacer />
          <v-btn color="primary" flat nuxt to="/inspire">Continue</v-btn>
        </v-card-actions>
        <v-card-actions>
          <v-spacer />
          <v-btn flat nuxt to="/test">Go To Test</v-btn>
        </v-card-actions>
        <v-text-field>
          <v-textarea v-model="text" />
        </v-text-field>
        <v-card-actions>
          <v-btn @click="gogo">test</v-btn>
        </v-card-actions>
      </v-card>
    </v-flex>
  </v-layout>
</template>

<script>
export default {
  data: () => ({
    text: 'why does not work?'
  }),
  methods: {
    gogo() {
      this.text = 'Yes! it works!'
    }
  }
}
</script>

when i click the test btn, it does not work. also the text value does not show. How can i fix it?

I build nuxt project with create-nuxt-app. And My node version is v10.15.0

Luna
  • 1
  • 2
    Do you want a `v-text-field` or a `v-textarea`? You are placing a text-area inside a text-field. Also, `v-textarea` is missing its closing tag. – drec4s Aug 13 '20 at 13:57
  • So, you means I use only one tag? `v-text-field` or `v-textarea` tag? and `v-textarea` has a closing tag like – Luna Aug 22 '20 at 11:58

0 Answers0