给element tabs组件加入hover触发效果

    技术2025-05-17  5

    原本在mounted里setTimeout,改进了一下

    async getCourseList(){ let res = await this.$get('/api/*****') this.data= res.data.one // 获取数据后监听事件 this.$nextTick(()=>{ this.$refs.tab.$refs.nav.$nextTick(() =>{ // 此时tab的nav才渲染dom 否则拿不到el-tabs__item var target = document.getElementsByClassName('el-tabs__item') for(let i = 0 ; i < target.length ; i++){ target[i].addEventListener('mouseover',()=>{ this.$refs.tab.handleTabClick(1,String(i)) }) } }) }) },
    Processed: 0.009, SQL: 9