vuetifyでボタンを押すとテキストフィールドに文字を表示したい

Question

<v-col cols="8">
  <v-text-field v-model="textfield"></v-text-field>
  <v-btn small @click="text">文字</v-btn>
</v-col>

<script>
import common from "../common";
export default {
  methods: {
text() {
this.textfield= 'hoge'
},
}
</script>

こちらのコードではボタンを押下してもテキストフィールドに文字が表示されません。
コンソールログにはしっかりとボタンクリックの挙動は確認しています。
なぜでないか分かる方いらっしゃいましたらヒントだけでも頂きたいです、よろしくお願いします。

Answer 1

  data() {
    return {
password:null
 }
};

ご指摘通りdataの初期値を代入すると上手く動作いたしました

Answer 2

passwordの初期データがないためです。
dataで初期値を用意しないと
makepasswordはundefinedな値に対して更新をかけます
更新されたと検知するための元データがないのでVueの更新に引っかからない、という感じです

Comments

[leysxxk]

無事解決いたしました、ありがとうございました