vuejs 获取input
时间: 2023-09-13 14:10:13 浏览: 90
你可以通过 `v-model` 指令获取 input 元素的值,例如:
```html
<template>
<div>
<input v-model="message" type="text">
<button @click="sendMessage">发送</button>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
methods: {
sendMessage() {
console.log(this.message);
// 在这里可以使用 this.message 获取 input 元素的值
}
}
}
</script>
```
在上面的代码中,我们通过 `v-model` 将 input 元素绑定到 `message` 数据属性上,然后在 `sendMessage` 方法中使用 `this.message` 获取 input 元素的值。
阅读全文