Question

对于我的模板，当某个选定值导致v-textfield消失时，我使用v-select和v-text字段，但是在vuetify中如何实现呢？

<template>
  <v-container>
    <v-row>
      <v-col cols="12" sm="3" md="3">
        <v-select
          :items="['A','B']"         
          label="select"         
        ></v-select>
      </v-col>      

      <v-col cols="12" sm="3" md="3">
        <v-text-field         
          label="Show"
        ></v-text-field>
      </v-col>
    </v-row>
  </v-container>
</template>

Answer 1

您应使用v-if伪指令根据如下值显示/隐藏内容：

<v-select
  v-if="showSelect"
  :items="['A','B']"         
  label="select"         
></v-select>

，然后将showSelect设置为数据中的布尔值：

data () {
  return {
    showSelect: true
  }
}

如何选择使v-textfield消失

1 个答案: