vue2中如何清空输入框
时间: 2023-08-29 11:13:46 浏览: 233
vue鼠标在表格中移入移出input显示隐藏
在 Vue2 中,可以使用 v-model 指令绑定 input 元素的值。要清空输入框,只需将绑定的值设为空字符串即可。以下是一个示例:
```html
<template>
<div>
<input type="text" v-model="inputText">
<button @click="clearInput">Clear</button>
</div>
</template>
<script>
export default {
data() {
return {
inputText: ''
}
},
methods: {
clearInput() {
this.inputText = ''
}
}
}
</script>
```
在上面的例子中,我们使用 v-model 绑定了 input 元素的值到 `inputText` 变量上。当用户在输入框中输入内容时,`inputText` 的值会自动更新。当用户点击“Clear”按钮时,`clearInput` 方法会将 `inputText` 设为空字符串,从而清空输入框的内容。
阅读全文