前端项目实战74-子组件向父组件传值
  TEZNKK3IfmPf 2023年11月14日 42 0
const onOk = useCallback(() => {
form.validateFields().then(res => {
debugger
const values = res as AddOrEditMenuFormProps;
const info: any = {
...menu,
...values,
};
const flag = props.list.find((item)=>{
return item.styleId == info.styleTypeId.value
})
if(flag){
message.warning('此尺码已存在!')
}else{
values.list = props.list
props.onConfirm({...values})
}
});
}, []);

前端项目实战74-子组件向父组件传值

 

前端项目实战74-子组件向父组件传值

数据格式

 {
    "styleTypeId": {
        "label": "12312",
        "value": 1,
        "key": 1
    },
    "list": [
        {
            "code": "黑",
            "id": 1,
            "name": "12312"
        },
        {
            "code": "黑",
            "id": 2,
            "name": "12312"
        },
        {
            "code": "黑",
            "id": 3,
            "name": "12312"
        },
        {
            "code": "黑",
            "id": 4,
            "name": "12312"
        },
        {
            "code": "天青色",
            "id": 5,
            "name": "天青色"
        },
        {
            "code": "红",
            "id": 6,
            "name": "红"
        },
        {
            "code": "青",
            "id": 7,
            "name": "青"
        },
        {
            "code": "绿",
            "id": 8,
            "name": "绿"
        },
        {
            "code": "蓝",
            "id": 9,
            "name": "蓝"
        },
        {
            "code": "橙",
            "id": 10,
            "name": "橙"
        },
        {
            "code": "黄",
            "id": 11,
            "name": "黄"
        },
        {
            "code": "黑",
            "id": 12,
            "name": "黑"
        },
        {
            "code": "1",
            "id": 13,
            "name": "1"
        }
    ]
}

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年04月12日   29   0   0 前端vue
  TEZNKK3IfmPf   2024年04月12日   49   0   0 框架前端
  TEZNKK3IfmPf   2024年04月19日   40   0   0 前端
TEZNKK3IfmPf