如何获取文本字段的值并将其传递给Vue.js中的方法

Question

我是Vue和Vuetify的新手，但这就是我在阅读和尝试后得到的：

我有以下模板：

<template>
<div>
<div>
<v-row>
<v-text-field
v-model="myText"
label="enter a text (optional)"
></v-text-field>
</v-row>
</div>
<v-btn color="#aaa" class="ml-4" outlined @click="getTest()">
Check Value!
</v-btn>
</div>
</template>

并且我有"；MyText"；数据如下：

data() {
return {
myText: ''
}

现在我想检查用户输入的文本字段中的值，但我总是将其作为空字符串，尽管我将其添加到了v-model中。

这就是我称之为的地方

methods: {
getTest() {
console.log(this.myText)
}
}

那么，我如何读取用户输入的值呢？并确保它是输入的最新值。

Answer 1

不确定是什么问题，但这完全适用于

<template>
<div>
<div>
<v-row>
<v-text-field
v-model="myText"
label="enter a text (optional)"
></v-text-field>
</v-row>
</div>
<v-btn color="#aaa" class="ml-4" outlined @click="getTest">
Check Value!
</v-btn>
<p>value: {{ myText }}</p>
</div>
</template>
<script>
export default {
data() {
return {
myText: ''
}
},
methods: {
getTest() {
console.log(this.myText)
}
}
}
</script>