vue遍历form对象
时间: 2023-05-18 09:03:01 浏览: 163
Vue循环遍历选项赋值到对应控件的实现方法
可以使用 v-for 指令来遍历 form 对象中的属性和值,例如:
```html
<template>
<form>
<div v-for="(value, key) in form" :key="key">
<label>{{ key }}</label>
<input v-model="form[key]" />
</div>
</form>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
age: '',
email: ''
}
}
}
}
</script>
```
这样就可以动态地生成表单,并且可以通过 v-model 指令双向绑定表单数据。
阅读全文