<template>
  <span>
    <el-button type="text" size="small" @click="emitClick">{{ injectData.dictType }}</el-button>
  </span>
</template>

<script>
import { addDynamicRoute } from '@/router'
export default {
  props: {
    injectData: {
      type: Object,
      default: () => ({})
    }
  },
  methods: {
    // 子级
    emitClick () {
      // 路由参数
      const routeParams = {
        routeName: `${this.$route.name}__${this.injectData.id}`,
        title: `${this.$route.meta.title} - ${this.injectData.dictType}`,
        path: 'sys/dict-data',
        params: {
          dictTypeId: this.injectData.id
        }
      }
      // 动态路由
      addDynamicRoute(routeParams, this.$router)
    }
  }
}
</script>