Note that essentially all Vue components that usesv-model
emits aninput
(or similar) event. See Vue's guide for more info
npm install vue-form-json-schema
If you're using the UMD version you can find more examples in theexamples
folder of the github repo and the UMD demo below.
vue-form-json-schema
directly in a browser you can do so by using the UMD version. The UMD version autoinstalls the vue-form-json-schema
component if Vue is found on the window. The entire module is also available on window.VueFormJsonSchema
where the named exports such as for example vfjsFieldMixin
can be accessed.<script src="https://unpkg.com/[email protected]/dist/vue-form-json-schema.umd.js"></script>
[email protected]
to a fixed version, such as [email protected]
<script src="../node_modules/dist/vue-form-json-schema.umd.js"></script>
Note that all demos use Bootstrap styling, but no styling is included in this package and it is up to you what styles should be used.
input
element.col-12 col-sm-6
classes. Try resizing your browser window too see it in action.<transition>
to provide animation.vue-form-json-schema
.examples
folder of this repo.32K
uncompressed, 6.5K
gzipped)For using the UMD version, check out theexamples
folder where all the demos above are replicated using the UMD version
get
, set
and merge
are used throughout the package. Bundle size is very important though and is always considered and so we heavily strip down lodash to only include the absolute necessitiesoptions.ajv.locale
settingvfs-global
prop ui-schema
vfs-component
prop ui-schema