在Vue中获取input输入框的值可以通过v-model指令来实现。以下是一个示例:
<template><div>
<input v-model="inputValue" type="text">
<button @click="getValue">获取值</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
getValue() {
console.log(this.inputValue);
}
}
}
</script>
在上面的示例中,我们使用了v-model指令将input元素与inputValue数据属性绑定在一起。这意味着每当用户在输入框中输入内容时,inputValue的值也会更新。
出于演示目的,我们还添加了一个按钮,点击按钮后调用getValue方法,该方法会打印出当前inputValue的值。
通过这种方式,您可以在Vue中轻松地获取输入框的值。