1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| <template>
| <fc-designer ref="designer" :config="config" @save="handleSave" />
| </template>
|
| <script setup>
| import { ref } from 'vue';
|
| const designer = ref();
|
| // 获取表单 JSON 配置
| const getJson = () => {
| console.log(designer.value.getJson());
| };
|
| // 加载已有配置
| const loadJson = (json) => {
| designer.value.setJson(json);
| };
| const config = ref({
| showSaveBtn: true,
| showPreviewBtn: true,
| });
| function handleSave(data) {
| //保存设计规则
| console.log(data);
| }
| </script>
|
|
