vue-tabs标签页引入其他页面

tabs页面

<template>

    <div class="app-container">

        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">

            <el-tab-pane label="套餐用户列表" name="first">

                <user-list ref="userList"/>

            </el-tab-pane>

            <el-tab-pane label="套餐种类" name="two">套餐种类</el-tab-pane>

            <el-tab-pane label="套餐配置" name="three">套餐配置</el-tab-pane>

        </el-tabs>

    </div>

  </template>

  <script>

  import userList from "../setMeal/userList";

  export default {

    name: "SetMeal",

    components: {

        userList

    },

    data() {

      return {

        activeName: 'first'

      };

    },

    created() {

    },

    methods: {

        handleClick(tab, event) {

            console.log(tab, event);

        }

    }

  };

  </script>

引入的页面

<template>

    <div class="app-container">

     

    </div>

  </template>

  <script>

  export default {

    name: "UserList",

    data() {

      return {

      };

    },

    created() {

    },

    methods: {

       

    }

  };

  </script>