以下是一个简单的例子,展示如何在 Vant 3 表单中使用自定义字段值:
<template>
  <van-form @submit="onSubmit">
    <van-field
      v-model="customFieldValue"
      name="customField"
      label="自定义字段"
      placeholder="请输入自定义字段值"
    />
    <van-button type="primary" native-type="submit">提交</van-button>
  </van-form>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const customFieldValue = ref('');

    const onSubmit = (event) => {
      // 在提交表单时,你可以访问自定义字段的值
      console.log('自定义字段值:', customFieldValue.value);

      // 在这里可以执行其他逻辑,比如发送表单数据到服务器等
    };

    return {
      customFieldValue,
      onSubmit,
    };
  },
};
</script>

在上面的例子中,我们使用了 van-field 组件,并通过 v-model 双向绑定 customFieldValue。当用户输入内容时,customFieldValue 的值会相应地更新。

在 onSubmit 方法中,你可以访问 customFieldValue.value,获取到用户输入的自定义字段值,然后进行相应的处理。

请根据你的具体需求和组件使用情境,适配上述代码。


转载请注明出处:http://www.pingtaimeng.com/article/detail/5781/Vant