jQuery UI Widgets Forums Vue(New) Vue binding doesn't work

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 3 weeks, 2 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Vue binding doesn't work #106584

    Alex Skiba
    Participant

    Hi! Please take a look at a modified App.vue file from this tutorial.

    
    <template>
      <div>
        {{value}}
        <br /> 
        {{disabled}}
        <br />
        <JqxInput
          :width="200"
          :height="25"
          v-model="value"
          :disabled="disabled"
        />
        <br />
        <input
          type="text"
          v-model="value"
          :disabled="disabled"
        />
        <br />
        <button @click="doThings">Boom</button>
      </div>
    </template>
    
    <script>
    import JqxInput from "jqwidgets-scripts/jqwidgets-vue/vue_jqxinput.vue";
    
    export default {
      components: {
        JqxInput
      },
      data: function() {
        return {
          value: "initial value",
          disabled: true
        };
      },
      methods: {
        doThings: function() {
          this.value = "new value";
          this.disabled = !this.disabled;
        }
      }
    };
    </script>
    
    <style src='./assets/styles/jqwidgets/jqx.base.css'></style>
    <style src='./assets/styles/jqwidgets/jqx.material-green.css'></style>
    

    Values that come either from js code or from another input don’t update the displayed value in JqxInput. What’s wrong here?
    Thank you!

    Vue binding doesn't work #106590

    Martin
    Participant

    Hello Alex Skiba,

    Thank you for the feedback!
    We have created a work item for this case.

    Best Regards,
    Martin

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.