「Vue」程序式路由导航用法

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_30487317

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wrxblog/p/10499712.html

本文介绍了一种在Vue.js中使用按钮触发路由跳转并传递参数的方法，具体展示了如何通过@click事件调用自定义方法topdcmt(id)，该方法利用Vue的$router.push进行页面跳转，并将id作为参数传递到目标页面，最后在router.js中定义了相应的导航路径。

1、button发起点击请求
<mt-button type='primary' size='large' plain @click="topdcmt(id)">商品评论</mt-button>
2、methods定义方法
topdcmt(id){this.$router.push({ name: 'pdcmt', params: { userId: id } })}
3、router.js定义导航路径
import Pdcmt from './components/product/productcomment.vue'
{path: '/home/productcomment/:id',component: Pdcmt,name:'pdcmt'},

转载于:https://www.cnblogs.com/wrxblog/p/10499712.html