vue给form表单赋值

可以使用Vue的v-model指令将表单元素与数据进行双向绑定，这样就可以轻松地给表单赋值了。例如：

<template>
  <div>
    <form>
      <label for="name">姓名：</label>
      <input type="text" id="name" v-model="form.name">
      <br>
      <label for="age">年龄：</label>
      <input type="number" id="age" v-model="form.age">
    </form>
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: '',
        age: ''
      }
    }
  },
  methods: {
    submitForm() {
      console.log(this.form)
    }
  }
}
</script>

在上面的示例中，我们通过v-model指令将name输入框与form对象的name属性进行了双向绑定，同理，age输入框也绑定了form对象的age属性。当输入框的值发生改变时，form对象的对应属性也会自动更新。当我们点击提交按钮时，可以在控制台中打印出form对象的值。