JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<div id="app">
  <input v-model="valor" @change="updatePorcentagem"/>
  <input v-model="porcentagem" @input="updateValor"/>
</div>

JavaScript

new Vue({
	el: '#app',
  data: () => ({
  	valor: 0,
    porcentagem: '0%'
  }),
  methods: {
  	updateValor () {
    	this.valor = String(this.porcentagem).replace('%', '')
    },
  	updatePorcentagem () {
    	console.log('updatePorcentagem')
    	this.porcentagem = this.valor + '%'
    }
  }
})