如何使用名词和姓氏自动生成名称使用类星体

Question

这里我有2个名字，名字&姓氏。我如何使用姓氏和名字自动生成一个不同的名称 （如：firstname.lastname或_姓）

<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>