promise中如何取到[[PromiseResult]]

前端校验表单时返回值validate是一个promises时应该怎么处理

html部分

<van-form ref="formRef">
  <van-cell-group inset>
    <van-field
      v-model="username"
      name="用户名"
      label="用户名"
      placeholder="用户名"
      :rules="[{ required: true, message: '请填写用户名' }]"
    />
    <van-field
      v-model="password"
      type="password"
      name="密码"
      label="密码"
      placeholder="密码"
      :rules="[{ required: true, message: '请填写密码' }]"
    />
  </van-cell-group>
</van-form>
 <van-button round block type="primary"  @click="onSubmit">提交</van-button>

ts部分

import { ref } from 'vue';

export default {
  setup() {
    const username = ref('');
    const password = ref('');
    const formRef=ref()
    const onSubmit = () => {
     formRef.value.validate().then(result=>{
     //校验成功
     }).catch(err=>{
     //校验失败
     })
    };

    return {
      username,
      password,
      onSubmit,
      formRef
    };
  },
};