vue跳转传参革新后参数消逝

2024年5月14日 154次阅读 来源: 薛颖

一开始须要完成的功用是跳转到一个页面然后传入一个产物ID号，然后在目的页面用这个ID号显现详细的产物信息
我是用的要领是在template中运用router-link标签

<router-link to="/product">
    <a @click="routerTo(productId)" href="#">{{ item.name }}</a>      
</router-link>
//将 productId 传入 /product 页面

routerTo():

routerTo(index){
    this.$router.push({ name:'product',params:{productId:index}});
}
//在product页面中能够直接运用productId属性了

上面的router-link要领是完整毛病的，想要传参数这类要领确切能够传过去，然则只需页面革新，参数就会消逝！
所以要把router-link改成：

<router-link :to="{name:'product'}">
    <a @click="routerTo(productId)" href="#">{{ item.name }}</a>      
</router-link>
    原文作者：薛颖
    原文地址: https://segmentfault.com/a/1190000018307321
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞