Question

我是网络开发和vuetify的新手。我正在去打扰＆＃39;表单模板。我的问题是，假设我们正在创建一个包含TextField，Select，Option等常用字段的配置文件表单。这将是可编辑的格式。但是一旦我提交并重新打开/刷新，我希望在相同的结构中看到相同的形式，但是在只读视图中。我怎么能在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>

Answer 2

从您的问题中不清楚您是否希望能够编辑一次表单，之后您会希望它是只读的。如果是这样，你需要一些＆＃34;存储＆＃34;功能，以便跟踪看到的表单（如果您不想涉及后端，可以使用localStorage执行此操作）。

在您决定之后，您可以将输入字段设置为disabled，这会禁止您的字段可编辑。

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

然后取决于你如何实现它，它就像
那样
<input type="text" value="my read only field" v-bind:disabled="formIsSeen"

任何设计视图/只读表单的方法

2 个答案: