vue获取input输入里的信息
时间: 2023-06-11 22:10:31 浏览: 137
vue获取input输入值的问题解决办法
可以通过v-model指令将input的value值与Vue实例中的一个变量绑定起来,然后就可以通过这个变量获取input输入里的信息了。
示例代码如下:
```html
<template>
<div>
<input type="text" v-model="inputValue">
<button @click="showInputValue">显示输入值</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
showInputValue() {
console.log(this.inputValue)
}
}
}
</script>
```
在这个示例中,我们用v-model指令将input的value值与Vue实例中的inputValue变量绑定起来,然后在showInputValue方法中可以通过this.inputValue获取到用户在input中输入的内容。
阅读全文