Vue формы пустое поле

Question

Я сделал форму с помощью 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: ''

Answer 1

Старайтесь не иметь много логики в вашем шаблоне. Вы можете определить некоторый метод, который будет обрабатывать изменение ввода, а затем вы можете манипулировать тем, как вы хотите, с этим вводом:

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

, а затем в ваших методах:

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