tabs切换组件

wangqi

2021-03-15 33aa9b38e935e746a7293d5be6426a4e5f110f67

tabs切换组件

 src/components/table/components/tabHandover.vue

New file
@@ -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>