如何在vue-form-generator中使用cleaver.js

Question

我在使用cleaver.js时使用VueFormGenerator，在添加以下代码后（根据文档）我收到错误“Unknown custom element：”。 cleaver.js已经通过npm安装。

{
  type: "cleaver",
  inputType: "text",
  label: "Phone",
  model: "phone",
  required: true,
  placeholder: "Digite seu número de telefone",
  validator: VueFormGenerator.validators.string,
  cleaveOptions: {
   phone: true,
   phoneRegionCode: "pt-BR"
  }
 }

Answer 1

首先，您必须像这样导入裂痕，这取决于如何使用和在何处使用

import cleave from 'cleave.js'

更正您的代码类型错误 一定是这样 type: 'cleave'（末尾没有'r'）

您不能使用具有分裂类型的验证器 无需也输入Type

尝试一下：

{
  type: "cleave",
  label: "Phone",
  model: "phone",
  required: true,
  placeholder: "Digite seu número de telefone",
  cleaveOptions: {
   phone: true,
   phoneRegionCode: 'US'
  }
 }