任何设计 view/read only 表单的方法

Question

我是网络开发和 vuetify 的新手。我正在浏览表单模板。我的问题是，假设我们正在创建一个配置文件表单，其中包含 TextField、Select、Option 等常用字段。这将类似于可编辑格式。但是一旦我提交并 reopen/refresh，我希望在相同的结构中看到相同的表单，但在只读视图中。我怎样才能在 Vuetify 中做到这一点，有没有这样的模板？

Answer 1

从你的问题中不清楚你是否希望能够编辑表单一次，之后你希望它是read-only。如果是这样，您将需要一些 "storage" 功能来跟踪看到的表单（如果您不想涉及后端，可以使用 localStorage 执行此操作）。

在您决定可以将输入字段设置为 disabled 后，您的字段将无法编辑。

<input type="text" value="my read only field" disabled="disabled"/>

然后取决于你如何实现它，它会是类似于

的东西

<input type="text" value="my read only field" v-bind:disabled="formIsSeen"

Answer 2

专门针对 Vuetify，在您的 HTML 中，您需要：

显示表格
将字段的属性设置为禁用
将每个字段的值设置为最初输入的数据。

例如：

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

任何设计 view/read only 表单的方法

Any way to design a view/read only form

javascript

vuejs2

vuetify.js