vue获取input的值
时间: 2023-08-06 13:02:54 浏览: 161
vue获取input输入值的问题解决办法
可以通过v-model指令来实现双向绑定,将input的值绑定到Vue实例中的data属性中。例如:
```html
<template>
<div>
<input type="text" v-model="inputValue">
<button @click="handleClick">提交</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleClick() {
console.log(this.inputValue)
}
}
}
</script>
```
在这个例子中,我们使用了v-model指令将input的值绑定到Vue实例中的inputValue属性中。每次input的值发生变化时,inputValue也会相应地更新。在点击提交按钮时,我们可以通过this.inputValue获取到input的值。
阅读全文