Tengo un select con vue js definido:
dacademics:[
{text:'Persona Natural',value:'PN'},
{text:'Bachiller',value:'Bach'},
{text:'Profesional',value:'Prof'},
{text:'Técnico Especializado',value:'TE'},
{text:'Técnico Administrativo',value:'TA'},
{text:'Obrero A',value:'OA'},
{text:'Obrero B',value:'OB'}],
y en la vista lo cargo el select de la siguiente manera.
<select v-model="dacademic" class="form-control" style="height: 35.9px;" placeholder="Seleccione" id="sdacademic">
<option value="" disabled hidden>Seleccione Grado</option>
<option v-for="gradoac in dacademics" v-bind:value="gradoac.value">
@{{ gradoac.text }}
</option>
</select>
tambien tengo una variable monto total: que es definida de la siguiente manera
newContrato:{CONT_intTiempoContrato:'',CONT_varProfesion:'',CONT_varGradoAcademico:'',CONT_douMontoTotal:'',CONT_intArmadas:'',META_intId:'',PERS_varDNI:'',CONT_datInicio:'',CONT_datFin:'',productos:[],personaSeleccionada:''},
y en la vista lo llamo así:
<div class="col-md-4">
<label for="CONT_douMontoTotal">Monto Total</label>
<input class="form-control" id="CONT_douMontoTotal" type="number" aria-describedby="nameHelp" placeholder="Ingrese el total" v-model="newContrato.CONT_douMontoTotal" min="1" max="13800">
</div>
lo que necesito hacer es: cuando selecciono por el ejemplo Persona Natural que el valor del monto total se altere a 1000, si selecciono bachiller que se cambie a 2000, etc. me gustaria saber si se puede hacer algo como
v-on:focusout.prevent="cambiarMonto()"
o alguna manera para ejecutar esto desde el codigo en vue js, intente solo con js, pero solo cambia un momento ya que el v-model=newContrato.CONT_douMontoTotal:'' esta vacio