<template>

<el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用戶管理" name="first" >
        <!-- <router-view></router-view> -->
        <!--父組件傳遞值給子組件 props關(guān)鍵字 -->
        <user :msg="message"></user>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second" >
        <deploy @msgFunc="func"></deploy>
        <!-- <router-view name="second"></router-view> -->
    </el-tab-pane>
    <el-tab-pane label="角色管理" name="third" >
        <!-- <router-view name="third"></router-view> -->
        <user :msg="message"></user>
    </el-tab-pane>
    <el-tab-pane label="定時(shí)任務(wù)補(bǔ)償" name="fourth" >
         <deploy :msg="message"></deploy>
        <!-- <router-view name="fourth"></router-view> -->
    </el-tab-pane>
 </el-tabs>

</template>
<script>
import user from './page/User'
import deploy from './page/Deploy'
export default {

data(){
    return {
       activeName:'first',
       message:'father message'
    }
},
components:{
    user,
    deploy
},
methods:{
    handleClick(tab, event){
        console.log(tab, event);
    },
    func(msg){
        console.log(msg);
    }
}

}
</script>

建議使用加載子組件的方式完成切換效果

直接在<el-tab-pane></el-tab-pane>中寫你自己的代碼就好，不知道能否滿足你的需求。

 <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用戶管理" name="first">
      <div>
        <h1 style="color: red">
        自定義tab內(nèi)容
        </h1>
      </div>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定時(shí)任務(wù)補(bǔ)償" name="fourth">定時(shí)任務(wù)補(bǔ)償</el-tab-pane>
  </el-tabs>