javascript - 设计 View /只读表单的任何方式

Question

我是网络开发和 vuetify 的新手。我正在浏览表单模板。我的问题是，假设我们正在创建一个包含常用字段(如文本字段、选择、选项等)的个人资料表单。这将类似于可编辑格式。但是，一旦我提交并重新打开/刷新，我希望在相同的结构中但在只读 View 中看到相同的表单。我如何在 Vuetify 中做到这一点，有类似的模板吗？

Answer 1

特别是对于 Vuetify，在 HTML 中，您需要:

• 显示表单
• 将字段的属性设置为禁用
• 将每个字段的值设置为原始输入的数据。

例如:

 <v-text-field
        name="input-3"
        label="Label Text"
        value="Data from the original submission"
        disabled
        single-line
      ></v-text-field>