Vue js Мне нужно получить доступ к значению текстовой области внутри метода

Question

Мне нужно получить доступ к значению, набранному в текстовой области внутри метода, и я пробовал разные способы, но получаю только пустую строку.

v-model = message

Код

<template>
  <v-container>
    <v-form>
      <v-text-field v-model="name" label="Name"></v-text-field>

      <v-textarea label="Message" v-model="message"></v-textarea>

      <v-btn class="primary" type="submit" @click="myMethod">Save</v-btn>
    </v-form>
    
    {{print1}}
    {{print2}}

    
  </v-container>
</template>



<script>
export default {
  name: "Notifications",
  data() {
    return {
     
      message: "",
      
      print1:"",
      
      print2:"",
      
      testval: ""
     
    };
  },
  
  mounted() {
    this.testval = this.message;
  },
  
  methods: {
    myMethod() {
     
     this.print1=this.message;
     
     this.print2=this.testval;
     
     
    }
  },
  created() {
    
    this.myMethod();
  }
};
</script>

Пример:

Введенное значение в текстовом поле: Привет, как дела

Ожидаемый результат на {{print1}} / {{print2}} = Привет, Как дела

Фактический результат:

Answer 1

Решение: вычисляемое свойство

computed: {
    msg() {
      return this.message;
    }
}