Html 如何在Vuetify中隐藏所有v文本字段？

我试图隐藏对话框弹出窗口中的文本字段，以重新利用相同的组件进行编辑和删除功能。基本上我是在操作对话框的标题，但对于删除功能，我希望用户只看到标题。但是我找不到任何选项来隐藏Vuetify上的所有文本字段

HTML

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

---

像禁用一样，是否有可见性选项？

您可以使用

v-if

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

两者之间的区别在于

v-if

hidden组件没有添加到DOM中，并且添加了

v-show

组件，但是使用样式将其设置为隐藏

---

另一方面，如前一个问题所述，尽量避免在模板中调用函数。这将触发每次对完整树的重新渲染，因为函数响应不会被缓存。将这些值存储在计算机中通常是一种方法。您可以在对象中存储多个属性，并且您已经有了

entryData

，因此您可以调整is以包括其他参数。

您可以使用

v-if

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

两者之间的区别在于

v-if

hidden组件没有添加到DOM中，并且添加了

v-show

组件，但是使用样式将其设置为隐藏

---

另一方面，如前一个问题所述，尽量避免在模板中调用函数。这将触发每次对完整树的重新渲染，因为函数响应不会被缓存。将这些值存储在计算机中通常是一种方法。您可以在对象中存储多个属性，并且您已经有了

entryData

，因此您可以调整is以包括其他参数。

只需使用

v-if

？只需使用

v-if

？v-if=“msgTitle！='string'”，其工作正常。非常感谢你！！v-if=“msgTitle！='string'”及其工作正常。非常感谢你！！

<v-text-field
   v-model="entryData[item]"
   :label="getLabel(item)"
   v-show="setDisable(item)">
</v-text-field>