File tree Expand file tree Collapse file tree 1 file changed +20
-4
lines changed
Expand file tree Collapse file tree 1 file changed +20
-4
lines changed Original file line number Diff line number Diff line change @@ -59,8 +59,16 @@ const model = ref({
5959
6060<template>
6161 <var-form>
62- <var-input v-model="model.name" placeholder="Name" :rules="ruler().required('Cannot be empty').min(2, 'Wrong length')" />
63- <var-input v-model="model.age" placeholder="Email" :rules="ruler().email('Must be email format')" />
62+ <var-input
63+ v-model="model.name"
64+ placeholder="Name"
65+ :rules="ruler().required('Cannot be empty').min(2, 'Wrong length')"
66+ />
67+ <var-input
68+ v-model="model.age"
69+ placeholder="Email"
70+ :rules="ruler().email('Must be email format')"
71+ />
6472 </var-form>
6573</template>
6674```
@@ -86,10 +94,18 @@ const model = ref({
8694
8795<template>
8896 <n-form :model>
89- <n-form-item path="name" label="Name" :rule="ruler().required('Cannot be empty').min(2, 'Wrong length')">
97+ <n-form-item
98+ path="name"
99+ label="Name"
100+ :rule="ruler().required('Cannot be empty').min(2, 'Wrong length')"
101+ >
90102 <n-input v-model:value="model.name" />
91103 </n-form-item>
92- <n-form-item path="age" label="Age" :rule="ruler().number().required('Cannot be empty').min(0, 'Cannot be negative')">
104+ <n-form-item
105+ path="age"
106+ label="Age"
107+ :rule="ruler().number().required('Cannot be empty').min(0, 'Cannot be negative')"
108+ >
93109 <n-input-number v-model:value="model.age" />
94110 </n-form-item>
95111 </n-form>
You can’t perform that action at this time.
0 commit comments