JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

fix(form): cascader options不会自动更新

Browse Source
This commit is contained in:
roymondchen 2023-12-08 19:48:10 +08:00
parent 70f2b11df5
commit cc202d79f9
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/form/src/fields/Cascader.vue
View File

@ -23,7 +23,7 @@ import { inject, ref, watchEffect } from 'vue';
import { TMagicCascader } from '@tmagic/design'; import { TMagicCascader } from '@tmagic/design';
import type { CascaderConfig, FieldProps, FormState } from '../schema'; import type { CascaderConfig, CascaderOption, FieldProps, FormState } from '../schema';
import { getConfig } from '../utils/config'; import { getConfig } from '../utils/config';
import { useAddField } from '../utils/useAddField'; import { useAddField } from '../utils/useAddField';
@ -43,7 +43,7 @@ const requestFunc = getConfig('request') as Function;
const tMagicCascader = ref<InstanceType<typeof TMagicCascader>>(); const tMagicCascader = ref<InstanceType<typeof TMagicCascader>>();
const options = Array.isArray(props.config.options) ? ref(props.config.options) : ref([]); const options = ref<CascaderOption[]>([]);
const remoteData = ref<any>(null); const remoteData = ref<any>(null);
const setRemoteOptions = async function () { const setRemoteOptions = async function () {
@ -86,6 +86,10 @@ if (typeof props.config.options === 'function' && props.model && mForm) {
); );
} else if (!props.config.options?.length || props.config.remote) { } else if (!props.config.options?.length || props.config.remote) {
Promise.resolve(setRemoteOptions()); Promise.resolve(setRemoteOptions());
} else if (Array.isArray(props.config.options)) {
watchEffect(() => {
options.value = props.config.options as CascaderOption[];
});
} }
const changeHandler = (value: any) => { const changeHandler = (value: any) => {