表单优化

Author: Arsense

src/test/resources/application.yml

@@ -13,4 +13,4 @@ myProps: #自定义的属性和值
     key1: value1
     key2: value2
 server:
-  port: 8081
+  port: 8082

src/test/resources/static/form/switch.html

@@ -11,7 +11,38 @@
 
 <v-app id="app" :data="data">
 
+    <v-box title="开关">
+        <v-form-item label="开关">
+            <v-switch ref="a1" v-model="bind_value1"></v-switch>
+        </v-form-item>
 
+        <v-form-item label="开关">
+            <v-switch ref="a2" :items="items" v-model="bind_value2"></v-switch>
+        </v-form-item>
+
+        <v-form-item label="开关3">
+            <v-switch ref="a3" :items="items2" v-model="bind_value3"></v-switch>
+        </v-form-item>
+
+        <v-form-item label="开关3">
+            <v-switch ref="a4" :items="items2" v-model="bind_value3"></v-switch>
+        </v-form-item>
+
+        <br>
+        <v-row>
+            <v-col>
+                <v-button @click="set_value">set_value</v-button>
+                <v-button @click="reset">reset</v-button>
+                <v-button @click="queryValues">get_value</v-button>
+                <br>
+                <br>
+                bind_value1: {{bind_value1}}<br>
+                bind_value2: {{bind_value2}}<br>
+                bind_value3: {{bind_value3}}<br>
+                all_values:  {{all_values}}<br>
+            </v-col>
+        </v-row>
+    </v-box>
 
 </v-app>