github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-15 00:34:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

Reset field value on collection change

Browse Source
This commit is contained in:
rijkvanzanten
2021-06-17 16:42:18 -04:00
parent b72c4fdbb4
commit a0f23d74c4
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/src/interfaces/_system/system-field/system-field.vue
View File

@@ -18,7 +18,7 @@
<script lang="ts">
import { useI18n } from 'vue-i18n';
import { defineComponent, computed, inject, ref, PropType } from 'vue';
import { defineComponent, computed, inject, ref, PropType, watch } from 'vue';
import { useFieldsStore } from '@/stores';
import { Field } from '@/types';
@@ -58,16 +58,25 @@ export default defineComponent({
default: false,
},
},
setup(props) {
setup(props, { emit }) {
const { t } = useI18n();
const fieldsStore = useFieldsStore();
const values = inject('values', ref<Record<string, any>>({}));
const collection = computed(() => values.value[props.collectionField] || props.collection);
const fields = computed(() => {
if (!props.collectionField && !props.collection) return [];
return fieldsStore.getFieldsForCollection(values.value[props.collectionField] || props.collection);
return fieldsStore.getFieldsForCollection(collection.value);
});
// Reset value whenever the chosen collection changes
watch(collection, (newCol, oldCol) => {
if (oldCol !== null && newCol !== oldCol) {
emit('input', null);
}
});
const selectItems = computed(() =>