vue form表单默认值

在Vue中，可以通过`v-model`指令来双向绑定表单元素的值。如果你想设置表单元素的默认值，可以将数据对象中对应的属性设置为你想要的默认值。

以下是一个示例：

<template>
  <div>
    <form>
      <label for="name">Name:</label>
      <input type="text" id="name" v-model="formData.name">

      <label for="email">Email:</label>
      <input type="email" id="email" v-model="formData.email">

      <button type="submit">Submit</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name: 'John Doe', // 设置name的默认值
        email: '' // 设置email的默认值为空
      }
    }
  }
}
</script>

在上面的示例中，`formData`对象包含了`name`和`email`字段。通过将`formData.name`和`formData.email`与输入框的`v-model`指令绑定，可以实现双向绑定。在初始加载页面时，输入框中的值会根据`formData`中的默认值进行填充。

希望这个示例能帮到你！如果还有其他问题，请随时提问。