diff options
Diffstat (limited to 'src/api/forms/components/controls/TextAreaField.vue')
-rw-r--r-- | src/api/forms/components/controls/TextAreaField.vue | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/src/api/forms/components/controls/TextAreaField.vue b/src/api/forms/components/controls/TextAreaField.vue index 83e24745a..834940b34 100644 --- a/src/api/forms/components/controls/TextAreaField.vue +++ b/src/api/forms/components/controls/TextAreaField.vue @@ -1,5 +1,5 @@ /***************************************************************************** -* Open MCT, Copyright (c) 2014-2021, United States Government +* Open MCT, Copyright (c) 2014-2022, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * @@ -22,13 +22,15 @@ <template> <span class="form-control shell"> - <span class="field control" - :class="model.cssClass" + <span + class="field control" + :class="model.cssClass" > - <textarea v-model="field" - type="text" - :size="model.size" - @blur="blur()" + <textarea + v-model="field" + type="text" + :size="model.size" + @input="updateText()" > </textarea> </span> @@ -36,6 +38,8 @@ </template> <script> +import { throttle } from 'lodash'; + export default { props: { model: { @@ -48,8 +52,11 @@ export default { field: this.model.value }; }, + mounted() { + this.updateText = throttle(this.updateText.bind(this), 500); + }, methods: { - blur() { + updateText() { const data = { model: this.model, value: this.field |