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'},
相关文章
- 10-27Vue Element 导航子路由不选中问题
- 10-27详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
- 10-27vue-router有哪几种导航钩子 keep-alive的详细用法 解决跨域
- 10-27Vue通过导航栏实现路由跳转
- 10-27vue-cli3路由vue-router用法
- 10-27Vue Router路由导航及传参方式
- 10-27VUE温习:nextTick、$refs、嵌套路由、keep-alive缓存、is特性、路由属性用法、路由钩子函数
- 10-27VUE:nextTick、$refs、嵌套路由、keep-alive缓存、is特性、路由属性用法、路由钩子函数
- 10-27VUE中路由的基本用法
- 10-27vue:路由导航守卫控制页面访问权限