包详细信息

vue3-form-producer

shadowsworks159MIT0.3.1

業務アプリケーションに必要とされるフォームの作成から、フォームを使った入力画面、データ表示画面までをJSONデータで連携し、Vue.js / Bootstrap-Vue-Next でのフロントエンド開発におけるフォーム開発の生産性を飛躍的に向上するコンポーネントです。

Vue, Vue3, Vue.js, BootstrapVue

自述文件

vue3-form-producer

業務アプリケーションに必要とされるフォームの作成から、フォームを使った入力画面、データ表示画面までをJSONデータで連携し、Vue.js / Bootstrap-Vue-Next でのフロントエンド開発におけるフォーム開発の生産性を飛躍的に向上するコンポーネントです。

Install

npm install vue3-form-producer

BootstrapVueNext Setup

Register BootstrapVueNext in your app entry point (typically app.js or main.js):

import { createApp } from 'vue'
import {createBootstrap} from 'bootstrap-vue-next'
import App from './App.vue'

import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap-vue-next/dist/bootstrap-vue-next.css"

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { far } from '@fortawesome/free-regular-svg-icons'
import { fas } from '@fortawesome/free-solid-svg-icons'

library.add(fas,far)

const app = createApp(App)
app.component('font-awesome-icon', FontAwesomeIcon)
app.use(createBootstrap())
app.mount('#app')

詳しくは BootstrapVueNext のサイトを参照ください

Setup

import { swFormEditor, swFormInputter, swFormViewer, swListViewer } from 'vue3-form-producer'
import "vue3-form-producer/dist/vue3-form-producer.css"

Usage

vue3-form-producer は、以下の4つのコンポーネントで構成されています。
各コンポーネントの使い方は、以下のリンクから参照ください。