vue跳转传参刷新后参数消失

Enlightenment 发布于2019-08-23 15:29 / 1784人阅读

摘要：一开始需要实现的功能是跳转到一个页面然后传入一个产品号，然后在目标页面用这个号显示具体的产品信息我是用的方法是在中使用标签将传入页面在页面中可以直接使用属性了上面的方法是完全错误的，想要传参数这种方法确实可以传过去，但是只要页面刷新

一开始需要实现的功能是跳转到一个页面然后传入一个产品ID号，然后在目标页面用这个ID号显示具体的产品信息
我是用的方法是在template中使用router-link标签


    {{ item.name }}      

//将 productId 传入 /product 页面

routerTo():

routerTo(index){
    this.$router.push({ name:"product",params:{productId:index}});
}
//在product页面中可以直接使用productId属性了

上面的router-link方法是完全错误的，想要传参数这种方法确实可以传过去，但是只要页面刷新，参数就会消失！
所以要把router-link改为：


    {{ item.name }}

云服务器 GPU云服务器页面跳转传参 aspx页面跳转传参 asp网页跳转传值 asp页面跳转传值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102123.html

vue路由

摘要：分类子组件中通过获取参数传参路由配置分类父组件中通过路由属性中的来确定匹配的路由，通过来传递参数。分类子组件中通过获取参数区别是把参数放在地址栏上，刷新不会消失，不会把参数放在地址上，刷新后消失 vue路由使用 1.安装vue路由 npm install vue-router 2.在src中新建router/index.js,引入vue路由 import Vue from vue im...

developerworks 2019-08-26 13:50 评论0 收藏0
♥基于H5+js开发一款音乐播放器

前言：当下音乐播放器不胜其数，为了更好的掌握一些东西，我们来自己制作一个音乐播放器。文章目录：一.开发环境：二.页面视图：1.主文件入口（首页）：2.音乐播放界面：三.功能实现（1）、index.html：（2）、播放音乐（music.html）：（3）、样式文件（index.css）：四.项目地址：一.开发环境：开发工具：HbuliderX；框架：Vant，Mui，V...

BearyChat 2021-09-29 09:34 评论0 收藏0
React Native 传参的五种方式

摘要：在中由于业务的需要我们往往要在诸多的页面间，组件之间做一些参数的传递与管理在这里我总结了几大经过验证，稳定好用的方式给大家导航传值推荐指数适用范围相邻页面间传值兼容性原理为页面的上挂载了对象可用来做路由跳转，在做页面跳转时可以携带参数回调方在React Native 中由于业务的需要, 我们往往要在诸多的页面间，组件之间做一些参数的传递与管理, 在这里我总结了几大经过验证，稳定好用的...

cnTomato 2019-08-26 13:52 评论0 收藏0