我如何使用 v-text-field 自动填充

Question

我正在制作一个表格，我需要其中一个字段自动填充其他字段，例如：

                <v-col cols="12" sm="6" md="6">
                  <v-text-field label="code" required  v-model='meeting.code'></v-text-field>
                </v-col>
                <v-col cols="12" sm="6" md="6">
                  <v-text-field label="password" required v-model='meeting.password'></v-text-field>
                </v-col>                                                                           
                <v-col cols="12" sm="6" md="6">
                  <v-text-field label="Url" required v-model="url"></v-text-field>
                </v-col> 
                 url=https://meeting.com/+"this.meeting.code"+/+"this.meeting.password"+

我需要代码和密码变量成为此

中link的一部分

Answer 1

您可以为此使用计算的属性：

computed: {
  url() {
    const { code, password } = this.meeting
    return `https://meeting.com/${code}/${password}`
  }
}

我如何使用 v-text-field 自动填充

How can i autofill with v-text-field

javascript

vuetify.js