fix without a ref

PavlidisLab · May 17, 2024 · 651e5a0 · 651e5a0
1 parent a4c757f
commit 651e5a0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/src/components/SearchSettings.vue b/src/components/SearchSettings.vue
@@ -37,9 +37,9 @@
                 class="mb-1"/>
         <TechnologyTypeSelector
                 v-if="searchSettings.resultTypes.indexOf(platformResultType) === -1"
-                v-model="searchSettings.platforms"
-                ref="technologyTypeSelector"
+                v-model="selectedTech"
                 :platforms="platforms"
+                :selectedPlatforms.sync="searchSettings.platforms"
                 :selectedTechnologyTypes.sync="searchSettings.technologyTypes"
                 :disabled="platformDisabled"
                 :loading="platformLoading"
@@ -109,6 +109,7 @@ export default {
   emits: ["input"],
   data() {
     return {
+      selectedTech: [],
       searchSettings: this.value,
       platformResultType: ArrayDesignType,
       selectedTaxa: this.value ? [this.value] : []
@@ -135,7 +136,7 @@ export default {
   },
   methods: {
     clearAllSelections() {
-      this.$refs.technologyTypeSelector.clear()
+      this.selectedTech = []
       this.searchSettings.annotations = [];
       this.searchSettings.taxon = []; 
       this.searchSettings.query = undefined;
@@ -144,6 +145,7 @@ export default {
   watch: {
     searchSettings: {
       handler: function(newValue) {
+        console.log(newValue)
         this.$emit("input", newValue);
       },
       deep: true

diff --git a/src/components/TechnologyTypeSelector.vue b/src/components/TechnologyTypeSelector.vue
@@ -59,10 +59,18 @@ export default {
   events: ["input"],
   data() {
     return {
-      selectedValues: this.value.map(t => t.id)
     };
   },
   computed: {
+    selectedValues:
+    {
+      get(){
+        return this.value
+      },
+      set(val){
+        this.$emit('input',val)
+      }
+    },
     technologyTypes() {
       return TOP_TECHNOLOGY_TYPES
         .filter(([id]) => id !== "OTHER" || this.debug)
@@ -101,9 +109,6 @@ export default {
           }
           return [v.id];
         });
-    },
-    clear() {
-      this.selectedValues = []
     }
   },
   watch: {
@@ -115,7 +120,7 @@ export default {
       let oldSelectedTechnologyTypes = this.computeSelectedTechnologyTypes(oldIds);
       let oldSelectedPlatforms = this.computeSelectedPlatforms(oldIds, oldSelectedTechnologyTypes);
       if (!isEqual(selectedPlatforms.map(p => p.id), oldSelectedPlatforms.map(p => p.id))) {
-        this.$emit("input", selectedPlatforms);
+        this.$emit("update:selectedPlatforms", selectedPlatforms);
       }
       if (!isEqual(selectedTechnologyTypes, oldSelectedTechnologyTypes)) {
         this.$emit("update:selectedTechnologyTypes", selectedTechnologyTypes);