Quiero hacer una sugerencia de nombre de usuario basada en el nombre y apellido de los usuarios. La idea es que después de que el usuario termine el campo de nombre y apellido , el valor del campo de nombre de usuario será nombre + apellido.
firstName = Bobby lastName = Brown username = BobbyBrown <v-text-field v-model="firstName" label="First Name" ></v-text-field> <v-text-field v-model="lastName" label="Last Name" ></v-text-field> <v-text-field v-model="username" label="Username" ></v-text-field> <script> export default ({ data() { return { firstName: '', lastName: '', username: '', } }, }) </script>el nombre de username debe declararse como propiedad calculada con métodos set/get:
<script> export default ({ data() { return { firstName: '', lastName: '', } }, computed:{ username:{ get(){ return this.firstName+' '+this.lastName; }, set(val){ const [first,last]=val.split(' '); this.firstName=first; this.lastName=last; } } }) </script>