0
265
VistasRedondea un número en el modelo v en vuejs
Quiero redondear este número en mi entrada:
<b-form-input id="amount_input" type="number" v-model="Math.ceil(form.contract.reward_cents / 100)" :state="validate(form.contract.reward_cents)"/> Traté de hacer Math.ceil() pero recibo este error 
¿Alguien puede ayudarme a solucionarlo?
Lo resolví así:
computed: { reward_cents () { return Math.ceil(this.form.contract.reward_cents / 100); }, } <template> <b-form-input id="amount_input" type="number" v-model="reward_cents" :state="validate(form.contract.reward_cents)"/> </template>
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Tal vez pueda intentar usar una computed property en v-model en lugar de una expression .
<b-form-input id="amount_input" type="number" v-model="reward_cents" :state="reward_cents"/> <script> export default { computed: { reward_cents: { get() { return this.form.contract.reward_cents; }, set(val) { this.form.contract.reward_cents = Math.ceil(val / 100); } } } } </script>
·
Juan Pablo Isaza
Denunciar
0
puedes seguir:
<b-form-input id="amount_input" type="number" :value="form.contract.reward_cents" v-model="reward_cents" @change="OnChange" :state="validate(form.contract.reward_cents)"/> data(){ return: { reward_cents: 0 } } methods: { OnChange(newVal){ this.reward_cents = Math.ceil(newVal / 100); } }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta