美文网首页
JSON Editor Vue 增加schema验证

JSON Editor Vue 增加schema验证

作者: 寻找无名的特质 | 来源:发表于2023-01-16 07:26 被阅读0次

    需要使用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" />
    这样就可以实现验证了。

    相关文章

      网友评论

          本文标题:JSON Editor Vue 增加schema验证

          本文链接:https://www.haomeiwen.com/subject/cznvcdtx.html