Блог

для моей модели я использую v-select и v-text поле, когда выбранное значение делает v-textfield доступным только для чтения, но как это реализовано в vuetify?

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

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

Сохраните выбранное значение v-select , затем управляйте readonly реквизитом v-select на основе выбранного значения. Я предполагаю, что когда вы выбрали «да», текстовое поле будет доступно только для чтения

 <v-select
  v-model="selected"
  :items="['Yes','No']"         
  label="select"         
></v-select>
...
<v-text-field         
  label="ReadOnly"
  :readonly="selected === 'yes'"
></v-text-field>
  

Вот пример демонстрации в codesandbox: