需要使用vanilla-jsoneditor提供的createAjvZValidator,安装这个组件
npm install vanilla-jsoneditor
然后引入createAjvValidator:
import { createAjvValidator } from "vanilla-jsoneditor";
还需要引入自定义的schema文件:
import schema from "./../jsonschema/schema.json";
创建validator的实例:
const m_validator = createAjvValidator({ schema, schemaDefinitions:{} })
在data中声明validator的变量:
validator:m_validator
在模板中指定validator:
<JsonEditorVue v-model="configcode" :validator="validator" style="height:500px" />
这样就可以实现验证了。
网友评论