uniapp 前端rules校验怎么使用自定义的方法 并且在点击按钮后才调用校验方法

可以通过在rules中定义一个自定义校验方法，并在按钮的点击事件中调用该方法来实现。

示例代码如下：

<template>
  <div>
    <form>
      <input v-model="name" placeholder="请输入姓名">
      <button @click="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    // 自定义校验方法
    checkName(rule, value, callback) {
      // 假设校验必须为中文姓名
      const regExp = /^[\u4e00-\u9fa5]{2,4}$/;
      if (regExp.test(value)) {
        // 校验通过
        callback();
      } else {
        // 校验不通过
        callback(new Error('请输入正确的中文姓名'));
      }
    },
    // 提交表单
    submit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单校验通过，执行提交操作
          console.log('提交成功');
        } else {
          // 表单校验不通过，提示用户错误信息
          console.log('表单校验不通过');
        }
      });
    }
  }
}
</script>

<style scoped>
</style>

在rules中定义校验规则，可以使用自定义校验方法进行校验，示例代码中定义了一个checkName方法用于校验姓名是否符合中文姓名的格式。

在按钮的点击事件中调用this.$refs.form.validate方法，该方法会遍历所有表单项的校验规则，并执行校验方法，最终返回一个valid值表示表单校验是否通过。可以根据valid值的结果执行不同的操作。

注意，示例代码中的校验规则是简单的示例，具体的校验规则需要根据业务需求进行定义。