Question

在vuejs 2.5 .7 / vuetify1.0.8应用程序中，我有几个指向同一页面的链接（cmsItemPage），但是有不同的别名参数并且根据此别名，页面的内容必须不同：

  <div class="headline text-xs-center">
    <router-link :to="{name: 'cmsItemPage', params: {alias: 'concerts_soon'} }">
       <span v-html="concerts_soonCmsItem.title"></span>
    </router-link>
 </div>
 ...
 <div class="headline text-xs-center">
    <router-link :to="{name: 'cmsItemPage', params: {alias: 'tours_soon'} }">
       <span v-html="tours_soonCmsItem.title"></span>
    </router-link>
 </div>

问题是打开cmsItemPage页面我需要根据别名参数取一些事件。但是在这种情况下不会触发创建或挂载的事件！

如果在这种情况下有办法触发某个事件？

谢谢！

Answer 1

您可以观看路线或使用Route Guards来做到这一点。例如：

watch: {
  '$route': function(){
    console.log(this.$route.params.alias)
  }
}

或

beforeRouteEnter (to, from, next) {
  console.log(to.params.alias)
  next()
}

触发事件打开vuejs页面

1 个答案: