vue快速对表单赋值

Vue可以通过v-model指令快速对表单进行赋值。

首先，在Vue实例中创建一个data对象，用于存储表单的数据。例如：

data() {
  return {
    formData: {
      username: '',
      password: '',
      email: ''
    }
  }
}

然后，在HTML模板中使用v-model指令绑定数据。例如：

<input type="text" v-model="formData.username">
<input type="password" v-model="formData.password">
<input type="email" v-model="formData.email">

这样，当用户输入内容时，数据会自动更新到Vue实例的formData对象中。

如果需要快速对表单进行赋值，只需要将要赋的值写入formData对象即可。例如：

this.formData.username = 'John Doe';
this.formData.password = '123456';
this.formData.email = 'john@example.com';

这样，表单中对应的输入框会自动显示相应的值。

通过v-model指令和formData对象的双向绑定，可以实现快速对表单进行赋值的功能。同时，Vue还提供了其他的表单指令和处理方法，可以更加灵活地对表单进行操作。