feat(src/utils/a2use.vue): 添加 SafeNFormItem 组件用于电话号码验证
This commit is contained in:
@@ -72,6 +72,14 @@ function handleValidateClick() {
|
|||||||
<n-input v-model:value="formValue.phone" placeholder="电话号码" />
|
<n-input v-model:value="formValue.phone" placeholder="电话号码" />
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
|
||||||
|
<SafeNFormItem
|
||||||
|
label="电话号码"
|
||||||
|
path="phone"
|
||||||
|
:rule="{ required: true, message: '请输入电话号码', trigger: ['blur'] }"
|
||||||
|
>
|
||||||
|
<!-- 如果没有提供插槽,会默认渲染一个`<NInput>` -->
|
||||||
|
</SafeNFormItem>
|
||||||
|
|
||||||
<n-form-item>
|
<n-form-item>
|
||||||
<n-button attr-type="button" @click="handleValidateClick"> 验证 </n-button>
|
<n-button attr-type="button" @click="handleValidateClick"> 验证 </n-button>
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
|||||||
Reference in New Issue
Block a user