Fixes #511

surveyjs · Jul 21, 2017 · 1fc7d04 · 1fc7d04
1 parent 0bf31a6
commit 1fc7d04
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/vue/dropdown.vue b/src/vue/dropdown.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="question.cssClasses.root">
-        <select v-if="!question.isReadOnly" :id="question.inputId" v-model="question.value" :class="question.cssClasses.control">
-            <option value=undefined>{{question.optionsCaption}}</option>
+        <select v-if="!question.isReadOnly" :id="question.inputId" v-model="value" :class="question.cssClasses.control">
+            <option value=''>{{question.optionsCaption}}</option>
             <option v-for="(item, index) in question.visibleChoices" :value="item.value">{{item.text}}</option>
         </select>
         <div v-else :text="question.displayValue" :class="question.cssClasses.control"></div>
@@ -16,6 +16,13 @@
     import {QuestionDropdownModel} from '../question_dropdown'
 
     @Component
-    export default class Dropdown extends Question<QuestionDropdownModel> {}
+    export default class Dropdown extends Question<QuestionDropdownModel> {
+        get value() {
+            return this.question.value || '';
+        }
+        set value(newVal) {
+            this.question.value = newVal === '' ? undefined : newVal;
+        }
+    }
     Vue.component("survey-dropdown", Dropdown)
 </script>