vue3怎么取input值
时间: 2023-07-23 14:01:24 浏览: 784
vue监听input标签的value值方法
在 Vue 3 中,你可以通过使用 `v-model` 指令来获取 `<input>` 元素的值。下面是一个示例:
```vue
<template>
<div>
<input type="text" v-model="inputValue">
<button @click="submitForm">提交</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '' // 初始化输入框的值
};
},
methods: {
submitForm() {
console.log(this.inputValue); // 在提交表单时获取输入框的值
}
}
}
</script>
```
在上面的示例中,我们使用 `v-model` 绑定了 `<input>` 元素的值到 `inputValue` 数据属性上,当输入框的值发生变化时,`inputValue` 会自动更新。你可以在 `submitForm` 方法中使用 `this.inputValue` 来获取输入框的值,并进行相应的处理。
阅读全文