如何选择将v-textfield设为只读？

Question

对于我的模型，当所选值使v-textfield变为只读时，我使用v-select和v-text字段，但是在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>

Answer 1

存储v-select的选定值，然后基于选定值控制v-select的readonly属性。我假设当您选择“是”时，文本字段将为只读

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

这是一个示例demo at codesandbox: