element-ui使用el-tabs组件的时候浏览器直接卡死的问题

Question

我在使用element-ui的时候，使用了el-tabs组件，在单独的vue文件里写入没问题。但是从别的页面跳进去，走路由就会卡死，浏览器直接卡死了，不知道为什么？
代码如下：

1. A.vue：点这个页面会执行跳转
   this.$router.push('/erp/bd/attendanceDetail')

2. B.vue:这个页面什么都没有，就把element-ui的官方文档里的例子粘贴进去了，直接就浏览器卡死了

<template>

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

    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>

    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>

    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>

    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>

  </el-tabs>

</template>

<script>

  export default {

    data() {

      return {

        activeName2: 'first'

      }

    },

    methods: {

      handleClick(tab, event) {

        console.log(tab, event)

      }

    }

  }

</script>

<style scoped>

</style>

跪求大神帮忙解决，搞了一天了都