AntDesign自定义校验表单

<a-row class="row" :gutter="32">
<a-col :span="16">
<a-form-item label="场景模板标签" name="tags">
<a-tree-select
v-model:value="formState.tags"
:tree-data="treeData"
tree-checkable
allow-clear
:placeholder="'请选择'"
/>
</a-form-item>
</a-col>
</a-row>
let TagValidator = async (_rule, value) => {
if(Object.keys(value)?.length === 0) {
return Promise.reject('请选择场景模板标签')
}
}
const rules = reactive({
tags: [
{validator: TagValidator, required: true, trigger: 'change'}
],
})
posted @   Felix_Openmind  阅读(251)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示