vue实时获取输入框的值
时间: 2023-08-06 10:02:50 浏览: 85
通过输入框实时查询列表值
3星 · 编辑精心推荐
你可以通过 `v-model` 指令来实时获取输入框的值。例如:
```html
<template>
<div>
<input v-model="inputValue" type="text">
<p>输入的值是:{{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
在上面的代码中,我们使用 `v-model` 指令将输入框的值绑定到 `inputValue` 变量上。当输入框的值发生变化时,`inputValue` 变量也会随之更新,因此我们可以通过 `{{ inputValue }}` 插值表达式来实时获取输入框的值。
阅读全文