今天去面试，面试官们给我一个‘选择’，有四个选项：‘展示你的才华’、‘展示你的美貌’、‘展示你的才华与美貌’、‘都不展示’

	{label: “选择”,children: [{label: “展示你的才华”,children: [],isShow: talentModal,click: () => {isShowTalent();}},{label: “展示你的美貌”,children: [],isShow: beautyModal,click: () => {isShowBeauty();}},{label: “展示你的才华与美貌”,children: [],isShow: talentAndBeautyModal,click: () => {isShowTalentAndBeauty();}},{label: “都不展示”,children: [],isShow: nullModal,click: () => {isNotShow();}},]}

场景一：
面试官一说，‘我的时间很宝贵，你只能四选一来展示’

//控制才华是否显示
const talentModal = ref(false);
function isShowTalent() {if (某些条件前提) {talentModal.value = !talentModal.value;if (talentModal.value) {beautyModal.value = false;talentAndBeautyModal.value = false;nullModal.value = false;//显示才华的方法showTalent();} else {//隐藏才华的方法hideTalent();nullModal.value = true;}}
}//控制美貌是否显示
const beautyModal = ref(false);
function isShowBeauty() {if (某些条件前提) {beautyModal.value = !beautyModal.value;if (beautyModal.value) {talentModal.value = false;talentAndBeautyModal.value = false;nullModal.value = false;//显示美貌showBeauty();} else {//隐藏美貌hideBeauty();nullModal.value = true;}}
}//控制才华与美貌是否显示
const talentAndBeautyModal= ref(true);
function isShowTalentAndBeauty() {if (某些条件前提) {talentAndBeautyModal.value = !talentAndBeautyModal.value;if (talentAndBeautyModal.value){talentModal.value = false;beautyModal.value = false;nullModal.value = false;showTalentAndBeauty();}else {hideTalentAndBeauty();nullModal.value = true;}}
}//控制才华与美貌是否不显示
const nullModal = ref(false);
function isNotShow() {if (某些条件前提) {nullModal.value = !nullModal.value;if (!nullModal.value){showNull();talentAndBeautyModal.value = true;}else {hideNull();talentModal.value = false;beautyModal.value = false;talentAndBeautyModal.value = false;}}
}

场景二：
面试官二说，‘少管他，这四选项你主要是展示出它们之间的关联关系’

const talentModal = ref(true);
function isShowTalent() {if (某些条件前提) {talentModal.value = !talentModal.value;if (talentModal.value) {showTalent();nullModal.value = false;} else {hideTalent();talentAndBeautyModal.value = false;}if (talentModal.value) {beautyModal.value = true;nullModal.value = false;}if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}if (!beautyModal.value && !talentModal.value) {nullModal.value = true;}}
}const beautyModal = ref(true);
function isShowBeauty() {if (某些条件前提) {beautyModal.value = !beautyModal.value;if (beautyModal.value) {showBeauty();nullModal.value = false;} else {hideBeauty();talentAndBeautyModal.value = false;}if (talentModal.value) {showTalent();nullModal.value = false;}if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}if (!beautyModal.value && !talentModal.value) {nullModal.value = true;}}
}const talentAndBeautyModal= ref(true);
function isShowTalentAndBeauty() {if (某些条件前提) {talentAndBeautyModal.value = !talentAndBeautyModal;if (talentAndBeautyModal.value = false) {talentModal.value = false;beautyModal.value = false;nullModal.value = false;}isShowTalent();isShowBeauty();if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}}
}const nullModal = ref(false);
function isNotShow() {if (某些条件前提) {nullModal.value = !nullModal.value;if (nullModal.value) {talentAndBeautyModal.value = false;isShowTalentAndBeauty();} else {talentAndBeautyModal.value = true;isShowTalentAndBeauty();}}
}

描述：

通过isShow的值判断是否勾选；默认一开始勾选‘展示才华与美貌’；
（‘展示你的才华’、‘展示你的美貌’、‘展示你的才华与美貌’、‘都不展示’）

场景一：默认勾选‘展示才华与美貌’，但是‘展示你的才华’与‘展示你的美貌’都不在勾选状态；取消‘展示你的才华’或‘展示你的美貌’或‘展示你的才华与美貌’后，则‘都不展示’勾选；只能有一个被勾选；

场景二：默认勾选‘展示才华与美貌’，意味着‘展示你的才华’与‘展示你的美貌’也是在勾选状态；取消任意一个后，‘展示才华与美貌’不是勾选状态；如果‘展示才华与美貌’不是勾选状态，且其他两个都不是勾选状态，则‘都不展示’勾选；