Vue表单空字段

Question

我用 vuetify 做了一个表格， 表单中的名称不是必需的，但如果用户将其留空并保存表单，我希望将组命名为 Unnamed，也许如果另一个表单已完成，unnamed1、unnamed2 等...

我该怎么做？

在我做的表格里，名字填的是unnamed，如果我删除了，我可以用我喜欢的名字命名，但是如果我再次删除，它会重新填充unnamed。

我认为有更好的方法。

这是我编写的部分代码。

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