枚举优化if-else

最新推荐文章于 2024-06-28 18:39:53 发布

lchcy

最新推荐文章于 2024-06-28 18:39:53 发布

阅读量82

点赞数 3

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_47454566/article/details/139522273

版权

    if(menuType == 1){
        HomeTextCss.value = "banner-navigation-div banner-navigation-div text-bold"
        TopicTextCss.value = "banner-navigation-div banner-navigation-div"
        RecognitionTextCss.value = "banner-navigation-div banner-navigation-div"
        AdminTextCss.value = "banner-navigation-div banner-navigation-div"
    }else if(menuType == 2){
        HomeTextCss.value = "banner-navigation-div banner-navigation-div"
        TopicTextCss.value = "banner-navigation-div banner-navigation-div text-bold"
        RecognitionTextCss.value = "banner-navigation-div banner-navigation-div"
        AdminTextCss.value = "banner-navigation-div banner-navigation-div"
    }else if(menuType == 3){
        HomeTextCss.value = "banner-navigation-div banner-navigation-div"
        TopicTextCss.value = "banner-navigation-div banner-navigation-div"
        RecognitionTextCss.value = "banner-navigation-div banner-navigation-div text-bold"
        AdminTextCss.value = "banner-navigation-div banner-navigation-div"
    }else if(menuType == 4){
        HomeTextCss.value = "banner-navigation-div banner-navigation-div"
        TopicTextCss.value = "banner-navigation-div banner-navigation-div"
        RecognitionTextCss.value = "banner-navigation-div banner-navigation-div"
        AdminTextCss.value = "banner-navigation-div banner-navigation-div text-bold"
    }

   const enumsMenuTYpe = {
        1: {
            HomeTextCss: "text-bold",
            TopicTextCss: "",
            RecognitionTextCss: "",
            AdminTextCss: ""
        },
        2: {
            HomeTextCss: "",
            TopicTextCss: "text-bold",
            RecognitionTextCss: "",
            AdminTextCss: ""
        },
        3: {
            HomeTextCss: "",
            TopicTextCss: "",
            RecognitionTextCss: "text-bold",
            AdminTextCss: ""
        },
        4: {
            HomeTextCss: "",
            TopicTextCss: "",
            RecognitionTextCss: "",
            AdminTextCss: "text-bold"
        }
    }
    // const { HomeTextCss, TopicTextCss, RecognitionTextCss, AdminTextCss } = enumsMenuTYpe[menuType];
    console.log("showDashboardDialog", menuType);
    HomeTextCss.value = enumsMenuTYpe[menuType].HomeTextCss
    TopicTextCss.value = enumsMenuTYpe[menuType].TopicTextCss
    RecognitionTextCss.value = enumsMenuTYpe[menuType].RecognitionTextCss
    AdminTextCss.value = enumsMenuTYpe[menuType].AdminTextCss```