Forms Vue表单空字段

我用vuetify做了个表格， 表单中的名称不是必需的，但如果用户将其留空并保存表单，我希望该组的名称为未命名，可能是另一个表单已完成，未命名1、未命名2等

我怎么做

在我制作的表单中，它用未命名的名称填充，如果我删除，我可以用我喜欢的名称命名，但是如果我再次删除，它将用未命名的名称填充

我认为有更好的办法

这是我编写的代码的一部分

<template>
   <v-text-field
      v-if="groupName === '' ? groupName = 'Unnamed group' : 'name'"
      v-model="groupName"
   ></v-text-field>
<template>

<script>
    export default {
        },
        data() {
            return {
                groupName: ''

导出默认值{
},
数据（）{
返回{
组名：“”

尽量不要在模板中包含太多逻辑。您可以定义一些处理输入更改的方法，然后您可以使用该输入操作所需的方式：

 <v-text-field @change="changeHandler" v-model="groupName">
 </v-text-field>

---

那么，我可以在if语句中添加什么呢？您可以根据需要操作此.groupName。如果未设置它，您可以根据需要将其设置为任何值。或者，如果您希望获得“unname1”或“unname2”您可以定义变量计数器用户保存表单的时间。创建一个方法来保存您的输入，当单击“保存”按钮时，您可以增加计数器，将其作为未命名字符串的后缀添加到未命名字符串中，以获得未命名2等。如果您不理解我所说的内容，我将为您编写代码。我了解一点，但我如果您帮助编写一些很酷的代码Hey Seb，这里有一个小示例供您参考，我试图用注释解释发生了什么：

methods: {
   changeHandler(){
   if(this.groupName) {
      // do something with this.groupName
     } else {
      //do something else with this.groupName
     }
   }
}