el-tab 用hover切換頁面


1.用hover切換頁面 ,click跳轉到更多

 

 

 2.先調接口獲取到國家政策和地方政策的數據,定義兩個變量接收返回的數據

 

 

 

 

 

 3.在mounted中調用hover觸發的方法

 

最后獻上代碼(只要將拿到的值賦值給newData就行了)

 

        nextTick(){
            this.$nextTick(() => {
            this.$refs.navTabs.$refs.nav.$nextTick(() => {
                // 此時tab的nav才渲染dom 否則拿不到el-tabs__item
                var target = document.getElementsByClassName("el-tabs__item");
                let that = this;
                for (let i = 0; i < target.length; i++) {
                target[i].addEventListener("mouseover", () => {
                    that.$refs.navTabs.handleTabClick(1, String(i));
                    if(i==0){
                        that.newData=that.countryData
                        console.log("this.countryData",that.countryData)
                    }else if(i==1){
                        that.newData=that.localData
                        console.log("this.localData",that.localData)
                    }
                });
                }
            });
            });
        },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM