quasarを使って名前と姓を使用して名前を自動生成する方法

Question

ここには2つの名前firstname & lastnameがあります。どのように私は、最初と最後の名前を使用して別の名前を自動生成します （例：firstname.lastnameまたはfirstname_lastname）I'tがyour'eが求めて何をクリアしていない

<q-input name="firstname" v-model="first" float-label="First name" 
v-validate="'required|alpha_spaces'" clearable/> 
      <i v-show="errors.has('firstname')" class="fa fa-warning "></i> 
      <div class="containerError"> 
       <span v-show="errors.has('firstname')" class="text-negative text-right">{{ errors.first('firstname') }}</span> 
      </div> 

<q-input name="lastname" required="required" v-model="last" float-label="Last name" v-validate="'required|alpha_spaces'" clearable /> 
      <i v-show="errors.has('lasttname')" class="fa fa-warning "></i> 
      <div class="containerError"> <span v-show="errors.has('lastname')" class="text-negative text-right">{{ errors.first('lastname') }}</span> 
      </div> 

Answer 1

<template> 
      <div v-if="this.last != ''" float-label="fullname"> 
      User-name :{ {this.first}}.{{this.last}} 
      </div> 
</template>