fix multiple select2 component (#5046)

gitcoinco · Aug 20, 2019 · c62aeb3 · c62aeb3
1 parent 8c4bf97
commit c62aeb3
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/app/assets/v2/js/vue-components.js b/app/assets/v2/js/vue-components.js
@@ -41,22 +41,22 @@ Vue.component('select2', {
   props: [ 'options', 'value' ],
   template: '#select2-template',
   mounted: function() {
-    var vm = this;
+    let vm = this;
 
     $(this.$el).select2({ data: this.options })
       .val(this.value)
       .trigger('change')
       .on('change', function() {
-        vm.$emit('input', this.value);
+        vm.$emit('input', $(this).val());
       });
   },
   watch: {
     value: function(value) {
-      // update value
-      $(this.$el).val(value).trigger('change');
+      if ([...value].sort().join(',') !== [...$(this.$el).val()].sort().join(',')) {
+        $(this.$el).val(value).trigger('change');
+      }
     },
     options: function(options) {
-      // update options
       $(this.$el).empty().select2({ data: options });
     }
   },