vue input 动态绑定v-model
时间: 2023-04-26 13:00:03 浏览: 127
vue在自定义组件中使用v-model进行数据绑定的方法
Vue中的input可以通过v-model指令动态绑定数据,实现双向数据绑定。v-model指令可以绑定一个变量,当input的值发生变化时,该变量的值也会随之改变。例如:
```
<template>
<div>
<input type="text" v-model="message">
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>
```
在上面的例子中,input的值会实时地绑定到message变量上,当input的值发生变化时,message的值也会随之改变。同时,message的值也会实时地反映在页面上。
阅读全文