在vue2中获取输入框内容的方法
时间: 2024-09-19 11:18:20 浏览: 62
使用TextRange获取输入框中光标的位置的代码
在Vue.js 2.x中,获取输入框内容通常使用`v-model`指令来双向绑定数据。当你需要获取输入框的内容时,可以直接访问与该输入框关联的数据属性。例如,如果你有一个名为`inputValue`的变量,并将其绑定到一个输入元素:
```html
<input v-model="inputValue" @input="handleInputChange">
```
在这个例子中,`@input`事件会在用户输入改变时触发,你可以通过`handleInputChange`方法来获取输入框的内容:
```javascript
export default {
data() {
return {
inputValue: '',
};
},
methods: {
handleInputChange(event) {
this.inputValue = event.target.value;
// 这里你可以进一步处理或存储输入值
},
},
};
```
在`handleInputChange`方法内部,`event.target.value`就是获取到的输入框当前的文本。
阅读全文