JSFiddle - React, Tailwind, and code Playground
by skirtle
HTML
<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
<input v-model="form.a" />
<input v-model="form.b" />
<button :class="{disabled: btnDisabled}">Enviar</button>
</div>
CSS
.disabled {
color: red;
}
JavaScript
Vue.createApp({
data () {
return {
form: {
a: '',
b: ''
}
}
},
computed: {
btnDisabled () {
return +this.form.a > +this.form.b
}
}
}).mount('#app')