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>