1. Feedback
  2. Vue
  3. 13799

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Restoring textbox state does not update its v-model

I want to save the textbox text/state so it can be restored when accessing the page again.

I tried to set enablePersistence to true. Now the text gets restored, but it is not updating the model. So I cannot use the restored text.

Run the test case.

Enter some text, you will see it gets printout below the textbox

Press F5 to refresh the page. The text is restored in the textbox, but the variable bind to v-model does not gets updated. So its not usefull.


Is this expected?


<template>
  <div id="app">
    <ejs-textbox
      floatLabelType="Auto"
      cssClass="e-outline"
      placeholder="Text"
      v-model="myText"
      id="myTextId"
      enablePersistence="true"
      autofocus
    />
    {{ myText }}
  </div>
</template>

<script>
import Vue from "vue";
import { TextBoxPlugin } from "@syncfusion/ej2-vue-inputs";
Vue.use(TextBoxPlugin);

export default {
  name: "App",
  data() {
    return {
      myText: "",
    };
  },
};
</script>

<style lang="css">
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
</style>