File tree Expand file tree Collapse file tree 4 files changed +13
-53
lines changed
Expand file tree Collapse file tree 4 files changed +13
-53
lines changed Original file line number Diff line number Diff line change 22基于 ` Vue ` 、` ElementUi ` 、` JSON Schema ` 快速构建一个带完整校验的form表单.
33
44## 快速体验
5- * [ 演示demo] ( https://form.lljj.me/ " Vue JSON Schema Form Demo ")
6- * [ 使用场景 - 可视化活动编辑器] ( https://form.lljj.me/vue-editor.html ) ,点击这里查看 [ 如何启动Demo页] ( #如何启动demo页 )
75* [ 查看文档] ( https://vue-json-schema-form.lljj.me/ " Vue JSON Schema Docs ")
6+ * [ 演示Demo] ( https://form.lljj.me/ " Vue JSON Schema Form Demo ")
7+ * [ 使用场景 - 可视化活动编辑器] ( https://form.lljj.me/vue-editor.html ) ,点击这里查看 [ 如何启动活动编辑器] ( #如何启动活动编辑器 )
88* [ 不支持部分和更新计划] ( https://vue-json-schema-form.lljj.me/zh/guide/todo.html )
99
1010![ ] ( https://7.luochongfei.top/vue-json-schema-form.gif?1 )
1111
12- ``` bash
13- # 安装
14- npm install --save @lljj/vue-json-schema-form
12+ ## 如何启动活动编辑器
1513
16- # 或者:
17- yarn add @lljj/vue-json-schema-form
18- ```
19-
20- ``` vue
21- <template>
22- <VueForm
23- v-model="formData"
24- :schema="schema"
25- >
26- </VueForm>
27- </template>
28-
29- <script >
30- // 使用
31- import VueForm from '@lljj/vue-json-schema-form';
32-
33- export default {
34- name: 'Demo',
35- components: {
36- VueForm
37- },
38- data() {
39- return {
40- formData: {},
41- schema: {
42- type: 'object',
43- required: [
44- 'firstName'
45- ],
46- properties: {
47- firstName: {
48- type: 'string',
49- title: 'First name',
50- default: 'Jun'
51- },
52- lastName: {
53- type: 'string',
54- title: 'Last name'
55- },
56- }
57- }
58- };
59- }
60- };
61- </script>
62- ```
14+ ![ ] ( https://lljj-xxxx.oss-cn-hongkong.aliyuncs.com/vue-editor.jpg )
6315
64- ## 如何启动Demo页
6516``` ssh
6617# 安装依赖
6718yarn install
Original file line number Diff line number Diff line change @@ -40,6 +40,9 @@ import VueForm from '@lljj/vue-json-schema-form';
4040
4141export default {
4242 name: 'Demo',
43+ components: {
44+ VueForm
45+ },
4346 data() {
4447 return {
4548 formData: {},
Original file line number Diff line number Diff line change @@ -39,6 +39,9 @@ import VueForm from '@lljj/vue-json-schema-form';
3939
4040export default {
4141 name: 'Demo',
42+ components: {
43+ VueForm
44+ },
4245 data() {
4346 return {
4447 formData: {},
Original file line number Diff line number Diff line change @@ -40,6 +40,9 @@ import VueForm from '@lljj/vue-json-schema-form';
4040
4141export default {
4242 name: 'Demo',
43+ components: {
44+ VueForm
45+ },
4346 data() {
4447 return {
4548 formData: {},
You can’t perform that action at this time.
0 commit comments