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

【问题标题】：How to autogenerate name using first name and last name using quasar如何使用类星体使用名字和姓氏自动生成名称
【发布时间】：2023-03-08 17:57:01
【问题描述】：

这里我有 2 个名字，名字和姓氏。如何使用名字和姓氏自动生成不同的名称（例如：firstname.lastname 或 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>

【问题讨论】：

我不清楚你在问什么，你想给模型添加一个新属性吗？你想只显示全名吗？

标签： vue.js quasar-framework

【解决方案1】：

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

【讨论】：

感谢您提供此代码 sn-p，它可能会提供一些有限的即时帮助。一个正确的解释would greatly improve 其长期价值，通过展示为什么这是解决问题的好方法，并将使其对未来有其他类似问题的读者更有用。请edit您的回答添加一些解释，包括您所做的假设。