From 33aa9b38e935e746a7293d5be6426a4e5f110f67 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期一, 15 三月 2021 19:55:49 +0800 Subject: [PATCH] tabs切换组件 --- src/components/table/components/tabHandover.vue | 41 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 41 insertions(+), 0 deletions(-) diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue new file mode 100644 index 0000000..ed43d60 --- /dev/null +++ b/src/components/table/components/tabHandover.vue @@ -0,0 +1,41 @@ +<template> + <el-tabs v-model="activeName" type="border-card"> + <el-tab-pane label="搴熸按" name="first"> + <waste-water></waste-water> + </el-tab-pane> + <el-tab-pane label="搴熸皵" name="second"> + <waste-gas></waste-gas> + </el-tab-pane> + <el-tab-pane label="鍥哄簾" name="third"> + <solid-waste></solid-waste> + </el-tab-pane> + <el-tab-pane label="绌烘皵璐ㄩ噺" name="fourth"> + <AirQuality></AirQuality> + </el-tab-pane> + </el-tabs> +</template> + +<script> +import WasteWater from '@components/table/components/WasteWater' +import WasteGas from '@components/table/components/WasteGas' +import SolidWaste from '@components/table/components/SolidWaste' +import AirQuality from '@components/table/components/AirQuality' +export default { + name: 'tabHandover', + components: { + WasteWater, + WasteGas, + SolidWaste, + AirQuality + }, + data () { + return { + activeName: 'first' + } + } +} +</script> + +<style scoped> + +</style> -- Gitblit v1.8.0