将路由器参数传递给组件对象

Question

我有视图，我想基于路由器参数加载svg，我已经安装了vue-loader，并且如果我对其进行硬编码，它将可以正常工作。

<template>
<div>
  <suit/>
</div>
</template>

<script>
export default {
  components:{

    suit: ()=>import('../assets/svg/'+Param+'.svg')
  }
}
</script>

<style>
</style>

这就是我所拥有的。我想获得Param而不是this.route.params，但是当我尝试这样做时，我得到undefined，这很合逻辑，因为组件包装器是对象。有没有办法在这里传递变量，或者我必须重做整个事情吗？

Answer 1

您应该在组件中使用this.route.params而不是this.$route.params。 Vue Router Docs。