在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中輕松地獲取輸入框的值。