vue获取textarea输入的值
时间: 2023-05-25 18:06:04 浏览: 1077
有两种方法可以获取 textarea 输入的值:
1. 使用 v-model 绑定数据
在 textarea 上使用 v-model 绑定数据,然后在 Vue 实例中访问该数据即可获取 textarea 输入的值。
```html
<template>
<div>
<textarea v-model="inputValue"></textarea>
<button @click="getInputValue()">获取输入值</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
getInputValue() {
console.log(this.inputValue)
}
}
}
</script>
```
2. 使用 ref 属性
在 textarea 上添加 ref 属性,然后通过 this.\$refs 获取该元素的值。
```html
<template>
<div>
<textarea ref="input"></textarea>
<button @click="getInputValue()">获取输入值</button>
</div>
</template>
<script>
export default {
methods: {
getInputValue() {
console.log(this.$refs.input.value)
}
}
}
</script>
```