Vue.js 如何将cleaver.js与vue表单生成器一起使用

我与cleaver.js一起使用，在添加以下代码（根据文档）后，我得到错误“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"
  }
 }

---

首先，您必须像这样导入cleave，这取决于如何以及在何处使用它

import cleave from 'cleave.js'

更正您的代码类型错误 一定是这样

键入：“劈开”

（末尾没有“r”）

您不能将验证器与CLIVE类型一起使用 也不需要输入类型

试试这个：

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