element ui 監聽切換不同的tab欄,請求數據


<template>

<el-tabs v-model="activeName" v-on:tab-click="handleClick">

<el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>

<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>

<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>

</el-tabs>

</template>
 methods: {
 handleClick(targetName, action) {
                    //alert(targetName.paneName)
                    //first//second//third
                    if (targetName.paneName == "first") {
                      alert(1) //此處寫邏輯
                    } else if (targetName.paneName == "second") {
                       alert(2) //此處寫邏輯
                    } else if (targetName.paneName == "third") {
                       alert(3) //此處寫邏輯
                    }
}


免責聲明!

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



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