vee validate不存在此类验证器“必需”。用正则表达式

Question

我为我的应用程序制作了以下可重用的输入组件，其中添加了vee validate进行验证。

输入vue

js lang-js prettyprint-override">      <input
        :type="type"
        v-on="$listeners"
        :value="value"
        :class="errors.first(name) ? 'input mt-2 is-danger' : 'input mt-2'"
        @input="$emit('update', $event.target.value)"
        :placeholder="placeholder"
        v-validate="rules"
        :name="name"
      />
      <span class="has-text-danger-dark">{{ errors.first(name) }}</span>
      
      
<script>
export default {
  inheritAttrs: false,
  props: ["label", "placeholder","name", "rules", "value", "type"],
  model: {
    prop: "value",
    event: "update",
  },
};
</script>

我使用这个组件如下所示：

<Input
      placeholder="[phone]"
      v-model.lazy="basics.phone"
      label="Phone"
      type="tel"
      slot="field"
      name="phone"
      rules="{required: true, regex: ^(\+\d{1,2}\s)?\(?\d{3}\)?[\s.-]\d{3}[\s.-]\d{4}$}"
    />

发送上述参数后，我在输入现场电话上收到一条错误消息：

[vee validate]不存在此类验证器“{required”。

我已经将该组件用于具有验证规则的其他输入，并且它可以工作。但正则表达式却没有。

    <Input
      placeholder="[e-mail]"
      v-model.lazy="basics.email"
      label="Email"
      type="email"
      slot="field"
      name="email"
      rules="required|email"
    />

Answer 1

刚刚发现我需要在js中转义。

正则表达式：/^[\\]？[（]？[0-9]{3}[)]?[-\s\\]？[0-9]{3}[-\s\\]？[0-9]{4,6}$/im