Better Laravel Vue form
Installation
-
npm
npm install better-laravel-vue-form --save
-
yarn
yarn add better-laravel-vue-form
npm npm install better-laravel-vue-form --save
yarn yarn add better-laravel-vue-form
<template> <div> <input v-model="form.test" type="text" /> <button @click="submit">sendbutton> div> template> <script> import Form from 'better-laravel-vue-form' export default { data: () => ({ form: new Form({}) }), methods: { submit() { this.form.post('/test').then(({ data }) => console.log(data)) } } } script>
To verify if exists any error for a specific field and then, get the error value
{{ form.errors.get('test') }}<template> <div> <input v-model="form.test" type="text" :class="{ 'is-invalid': form.errors.has('test') }" /> <small v-if="form.errors.has('test')">{{ form.errors.get('test') }}small> <button @click="submit">sendbutton> div> template> <script> import Form from 'better-laravel-vue-form' export default { data: () => ({ form: new Form({}) }), methods: { submit() { this.form.post('/test').then(({ data }) => console.log(data)) } } } script>
Developed by DevSquad Team
Vue JSON form 通过 JSON 呈现任何组件与定义脚本的实现 使用任何 Vue 组件或 html 元素构建视图 开发 vue 项目时,可能会遇到以下需求场景 界面以及交互行为需要通过配置动态呈现 定义的配置需要进行存储和读取 配置需要通过可视化界面进行编辑 普通 JSON 数据虽然可以描
vue-formly-bootstrap A plugin for Vue Formly which adds multiple form fields according to Twitter Bootstrap. Version 2 Note that this is version 2 of
@system76/forms System76 Vue components for forms This repository contains all the System76 form Vue components including buttons, inputs, and labels.
vue-simpleform A form library for vue, inspired by Formik for react Is it really simple? I think it is, but really I couldn't think of a better name B
Create a dynamic form usign a set of custom Vue.js components
This is a Vue application example used as NPM package in single-spa-login-example-with-npm-modules in order to register an application. See the installation instructions there.
A Vue component to implement a feedback form for users to give feedback on your application, with integration of a Slackwebhook.
Vuelidate-error-extractor makes error message display from vuelidate a breeze. Be it for a single form element or all displaying all the errors in a form.
vue-form-error A simple Vuejs component that can be used to display form validation errors on inputs. Demo https://codesandbox.io/s/vue-form-error-kwj
vue-js-form-helper This is a small library that makes form submit and validation easier to use. Installation npm i vue-js-form-helper Code Example The
Vue Form Components Documentation https://antonreshetov.github.io/vue-form-components Install NPM Installing with npm is recommended and it works seam
Nova Charcounter Fields Text and textarea fields with a character counter for Laravel Nova. Installation You can require this package using composer:
vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas
vue-awesome-form a vue form component just like json-editor Install # npm/yarn npm install vue-awesome-form yarn add vue-awesome-form Use register th
Vue 3 Form Handling and Validation
Introduction vue-dynamic-form-component is a dynamic form component base on element-ui and async-validator. You just need to write descriptors(referen
Vue Formular Note: Users of Vus.js version 2 please use this package instead This vue.js package offers a comperhensive solution for HTML form managem
tailwind-vue-checkout-form Result: or: Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for pr
Vue.js Commerce.js plugin and wrapper chec-payment-form component for checkout flow