是否可以从 Vuetify v 表单中排除 html elements/components？

Question

我正在使用 vuetify VForm 组件来添加对输入的验证，但我也将表单设置为“只读”（使用 readonly 属性）。

我的问题是我有一些我不想“只读”的输入。

遗憾的是，无法用只读的 VTextField 覆盖 VForm 只读到 false :

<v-form readonly>
   <v-text-field
      :readonly="false"  // not working
   </v-text-field>
</v-form>

所以我问是否有人有想法从 VForm 上下文中排除元素？

Answer 1

我自己发现了，我们只需要将可编辑元素包装在一个新的非只读 VForm 中

<v-form readonly>

  // not editable
  <v-text-field>
  </v-text-field>


  <v-form>
    // editable
    <v-text-field>
    </v-text-field>
  </v-form>

</v-form>

是否可以从 Vuetify v 表单中排除 html elements/components？

Is this possible to exclude html elements/components from a Vuetify v-form?

html

javascript

vue.js

vuetify.js