[Vuejs]-How do I toggle between v-textfield and v-autocomplete in Vue.js?

by

0👍

I’m not sure if this is the cause, but I see that you have unnecessary <template> tags. That tag is available for toggling mutliple tags at once, which doesn’t seem to be needed.

you can just use the v-autocomplete and v-text-field

      <v-layout align-center
        v-for="(item, i) in Object.keys(entryData)"
        :key ="i"
        v-if="item.field != '' && msgTitle != 'Do You Want To Delete Record?'">

        <v-text-field
          v-if="item.field != 'councilDisplay'"
          v-model="entryData[item]"
          :label="getLabel(item)"
          :disabled="setDisable(item)"
        ></v-text-field>

        <v-autocomplete
          v-else
          v-model="entryData[item]"
          :label="getLabel(item)"
          :disabled="setDisable(item)"
        ></v-autocomplete>
      </v-layout>

Leave a comment