Vue.js Vue+；Nuxt-单击按钮时的不同页面转换

我正在构建一个Vue应用程序，并从NuxtJS开始。NuxtJS有一个内置的页面转换模块，因此添加页面转换很容易，但现在我想在单击特定按钮时显示不同的转换

因此： 我在路线“/test”上，当我点击菜单“/posts”时，它必须消失，但当我点击“/test”路线内的按钮时，它应该向左滑动，下一条路线也必须向左滑动

现在我只有这样的东西：

Testcomponent

{{transition}}
帖子！
导出默认值{
数据（）{
返回{
转换：“页面”，
标题：“默认值”
}
},
方法：{
测试（）{
this.transition='slide'；
这个.$router.push（'/posts'）；
}
},
过渡：{
enterClass:`${this.transition}-输入`，
enterToClass:`${this.transition}-输入到`，
enterActiveClass:`${this.transition}-输入active`，
leaveClass:`${this.transition}-输入`，
leaveToClass:`${this.transition}-输入到`，
leaveActiveClass:`${this.transition}-输入active`，
}
//过渡：{
//进站前（el）{
//警报（“测试”）；
//控制台日志（el）；
////转换：“淡入淡出”
//   }
// }
//过渡：{
//名称：this.clicked？'slide'：'page'
// }
}