v-model动态绑定多个值
时间: 2023-10-09 19:06:29 浏览: 113
Vue循环中多个input绑定指定v-model实例
可以通过创建一个对象来动态绑定多个值,如下所示:
```
<template>
<div>
<input v-model="formData.name" type="text">
<input v-model="formData.age" type="number">
<p>Name: {{formData.name}}</p>
<p>Age: {{formData.age}}</p>
</div>
</template>
<script>
export default {
data() {
return {
formData: {
name: '',
age: ''
}
}
}
}
</script>
```
在上面的例子中,我们创建了一个formData对象,它有两个属性name和age,分别用于绑定两个输入框的值。通过v-model指令,我们可以实现双向数据绑定。同时,我们也可以在模板中使用插值语法来显示formData中的值。
阅读全文