前端 vue 用rules校验 以1234开头

你可以使用 Vue 的表单校验规则来实现以"1234"开头的校验。下面是一个示例代码：

<template>
  <div>
    <input v-model="inputValue" />
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    submitForm() {
      // 校验规则
      const startsWith1234 = (rule, value, callback) => {
        if (!value.startsWith('1234')) {
          callback(new Error('必须以1234开头'));
        } else {
          callback();
        }
      };

      // 表单校验规则
      const rules = {
        inputValue: [
          { validator: startsWith1234, trigger: 'blur' }
        ]
      };

      // 进行表单校验
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 校验通过，可以提交表单
          console.log('表单校验通过');
        } else {
          // 校验不通过，处理错误信息
          console.log('表单校验不通过');
        }
      });
    }
  }
};
</script>

这个示例中，我们使用了一个自定义的校验函数 `startsWith1234`，该函数会在输入框失去焦点时进行校验，如果输入的值不是以"1234"开头，则会返回一个错误。将该校验函数应用到 `inputValue` 字段上，通过 `this.$refs.form.validate` 方法进行表单校验。

请注意，上述代码仅为示例，你需要根据实际情况进行相应的修改和适配。