import pageInit from "../../../minixs/pageInit.js"; import {cmdb} from "../../../../assets/img/data/serviceSecond.js"; export default { name: 'cmdb', template: '', mixins:[pageInit], components: {}, props: [], setup(props, {attrs, slots, emit}) { let cmdbData=cmdb(); //页签高亮显示 let tabActive=Vue.ref(0); //cmdb实现五大功能的高亮显示 let funcActive=Vue.ref(0); let funcTitle=Vue.ref(); let funcIntro=Vue.ref(); let funcImg=Vue.ref(); const funcData=()=>{ cmdbData.data.map(item=>{ if(item.type=='func'){ funcTitle.value=item.dataFunc[0].title; funcIntro.value=item.dataFunc[0].introduction; funcImg.value=item.dataFunc[0].img; } }) } //五个功能change事件 let changeFunc=(index)=>{ funcActive.value=index; cmdbData.data.map(item=>{ if(item.type=='func'){ funcTitle.value=item.dataFunc[index].title; funcIntro.value=item.dataFunc[index].introduction; funcImg.value=item.dataFunc[index].img; } }) } // 挂载完 Vue.onMounted(() => { funcData(); }) return { cmdbData, tabActive, funcActive, funcTitle, funcIntro, funcImg, changeFunc } } }