elementui之tabs

最新推荐文章于 2024-07-26 10:18:12 发布

我叫吴桂鑫

最新推荐文章于 2024-07-26 10:18:12 发布

阅读量813

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/baidu_36583119/article/details/97017499

版权

vue 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

manufacturerPurchaseTabs.vue

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

      <el-tab-pane label="采购管理" name="first">
        <div v-if="activeName==='first'">
          <manufacturerPurchaseList />
        </div>
      </el-tab-pane>

      <el-tab-pane label="从订单导入采购" name="second">
        <div v-if="activeName==='second'">
           <orderToPurchase/>
        </div>
      </el-tab-pane>

    </el-tabs>
  </div>
</template>
<script>
import manufacturerPurchaseList from './manufacturerPurchaseList'
import orderToPurchase from './orderToPurchase'
export default {
  components: {
    [manufacturerPurchaseList.name]: manufacturerPurchaseList,
    [orderToPurchase.name]: orderToPurchase
  },
  data () {
    return {
      activeName: 'first'
    }
  },
  created () {

  },
  methods: {
    handleClick (tab, event) {
      console.log(tab)
      console.log(event.target.getAttribute('name')) // 获取到当前元素的name
    }
  }
}
</script>