vue2中胡获取输入框内容
时间: 2024-09-19 16:18:18 浏览: 41
在Vue.js 2.x中,获取HTML表单元素如输入框的内容通常通过`v-model`指令或者直接操作DOM元素来完成。如果你使用的是模板编写:
```html
<input type="text" v-model="inputValue">
```
你可以通过访问数据属性`inputValue`来获取输入框的值,它会实时反映用户的输入:
```javascript
data() {
return {
inputValue: ''
}
},
methods: {
handleInputChange(event) {
console.log('Input value:', event.target.value);
}
}
```
在这个例子中,当用户输入时,`handleInputChange`方法会被触发,`event.target.value`就是输入框的当前值。
如果你想手动操作DOM,可以使用`this.$refs`引用输入框元素,例如:
```html
<input ref="myInput">
```
然后在JS中:
```javascript
this.$nextTick(() => {
this.inputValue = this.$refs.myInput.value;
});
```
这会在Vue实例渲染完成后获取输入框的值。
阅读全文