diff --git a/base-component/webroot/screen/webroot/js/WebrootVue.qvt2.js b/base-component/webroot/screen/webroot/js/WebrootVue.qvt2.js
index 8367cdab8..cff960c52 100644
--- a/base-component/webroot/screen/webroot/js/WebrootVue.qvt2.js
+++ b/base-component/webroot/screen/webroot/js/WebrootVue.qvt2.js
@@ -1988,11 +1988,11 @@ moqui.webrootVue.component('m-drop-down', {
         labelField:{type:String,'default':'label'}, valueField:{type:String,'default':'value'},
         dependsOn:Object, dependsOptional:Boolean, form:String, fields:{type:Object},
         tooltip:String, label:String, name:String, id:String, disable:Boolean, bgColor:String, onSelectGoTo:String },
-    data: function() { return { curOptions:this.options, allOptions:this.options, lastVal:null, lastSearch:null, loading:false } },
+    data: function() { return {model: this.value, curOptions:this.options, allOptions:this.options, lastVal:null, lastSearch:null, loading:false } },
     template:
         // was: ':fill-input="!multiple" hide-selected' changed to ':hide-selected="multiple"' to show selected to the left of input,
         //     fixes issues with fill-input where set values would sometimes not be displayed
-        '<q-select ref="qSelect" v-bind:value="value" v-on:input="handleInput($event)"' +
+        '<q-select ref="qSelect" v-model="model" v-on:input="handleInput($event)"' +
                 ' dense outlined options-dense use-input :hide-selected="multiple" :name="name" :id="id" :form="form"' +
                 ' input-debounce="500" @filter="filterFn" :clearable="allowEmpty||multiple" :disable="disable"' +
                 ' :multiple="multiple" :emit-value="!onSelectGoTo" map-options behavior="menu"' +