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!
