Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Anton Reshetov
Anton Reshetov

Posted on

     

Vue Form Components v2.0.0 is out

In version 2 added Form Builder component - a schema-based builder to generate form with components and validation 🎉

Changelog:
Breaking

  • Drop async validation

Features

  • VeeValidate for form validation
  • Form Builder

GitHub logo antonreshetov / vue-form-components

Clean & minimal vue form elements and form builder with validation

Vue Form Components

Documentation

https://antonreshetov.github.io/vue-form-components

Install

NPM

Installing with npm is recommended and it works seamlessly with webpack.

npmivfc
Enter fullscreen modeExit fullscreen mode

Download

You can download latest version from the Github: Download

Quick start

Global

To use in your project, just import vfc and install into Vue.

importVuefrom'vue'importAppfrom'./App.vue'importVFCfrom'vfc'import'vfc/dist/vfc.css'Vue.use(VFC)newVue({render:h=>h(App)}).$mount('#app')
Enter fullscreen modeExit fullscreen mode

On demand

<template><vue-input></vue-input></template><script>import'vfc/dist/vfc.css'import{Input}from'vfc'exportdefault{components:{[Input.name]:Input}}</script>
Enter fullscreen modeExit fullscreen mode

Full component list:

import{Input,Button,Checkbox,CheckboxGroup,Radio,Select,Option,Form,FormItem
Enter fullscreen modeExit fullscreen mode

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

I'am a self taught frontend developer who started his journey into the world of JS at 30, creator of massCode & MySigMail.
  • Education
    Self taught
  • Joined

More fromAnton Reshetov

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp