youzan.github.io/vant/#/zh-C…

问题

前几天做一个小项目时，使用了vue 和 vant 组件库，发现vue-field的规则判断失效了

原因

<van-field
    v-model="value1"
    name="pattern"
    placeholder="正则校验"
    :rules="[{ pattern, message: '请输入正确内容' }]"
  />

  export default {
  data() {
    return {
      value1: '',
      value2: '',
      value3: '',
      pattern: /\d{6}/,
    };
  },

pattern是一个字段不是一个变量

<van-field
    v-model="value1"
    name="phone"
    placeholder="正则校验"
    :rules="[{ pattern:pattern.phone, message: '请输入正确内容' }]"
  />

  export default {
  data() {
    return {
      value1: '',
      value2: '',
      value3: '',
      pattern: {
      	phone:/\d{11}/
      }
    };
  },