vant-form表单

在Vant中使用表单，可以使用`van-form`组件结合其他表单组件来创建表单。以下是一个简单的示例：

<template>
  <van-form @submit="onSubmit">
    <van-field v-model="name" label="姓名" placeholder="请输入姓名"></van-field>
    <van-field v-model="email" label="邮箱" placeholder="请输入邮箱"></van-field>
    <van-field
      v-model="password"
      label="密码"
      placeholder="请输入密码"
      type="password"
    ></van-field>
    <van-button type="primary" native-type="submit">提交</van-button>
  </van-form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      email: '',
      password: ''
    };
  },
  methods: {
    onSubmit() {
      // 在这里处理表单提交逻辑
      console.log('提交表单');
    }
  }
};
</script>

在上面的示例中，我们使用`van-form`组件包裹了多个`van-field`输入框，并使用`v-model`指令绑定了每个输入框的值。`label`属性用于设置输入框的标签，`placeholder`属性用于设置占位文本。最后，我们添加了一个提交按钮，使用`@submit`监听表单的提交事