精华内容
下载资源
问答
  • React router路由之手动刷新参数丢失?
    千次阅读
    2018-10-24 08:41:59

    项目原来的配置是/project/:companyId/:projectId 这种方式跳转。

    现在产品经理意思url上太多ID不好看,去掉URL上的id 所以,我现在做的是/project

    ‘<Link to={{ pathname : ' /sort ' , state : { companyId : ${companyId}, projectId: ${projectId}}}}>’

    this.props.router.push({ pathname : '/sort' ,state : { companyId : ${companyId}, projectId: ${projectId}}}} })

    const {companyId, projectId} = this.props.location.state 页面参数都可以传递

    但是遇到的问题是,手动刷新页面后

    this.props.location.state 的value是undefined,求大佬们指教,怎么样才能刷新后获取到参数

    更多相关内容
  • vue-router处理刷新query参数消失问题

    千次阅读 2021-09-22 19:44:24
    $route.query 一个 key/value 对象,表示 URL 查询参数。 $route.path 字符串,对应当前路由的路径 $route.fullPath 完成解析后的 URL,包含查询参数hash 的完整路径。 分析 当浏览器刷新时,触发 导航守卫 ...

    概念-路由对象属性

    $route.query 一个 key/value 对象,表示 URL 查询参数。
    $route.path 字符串,对应当前路由的路径
    $route.fullPath 完成解析后的 URL,包含查询参数和 hash 的完整路径。


    分析

    当浏览器刷新时,触发 导航守卫 beforeEach方法等,只有在 next(path: to.path) 时改变了路由参数


    解决方案

    next(path: to.path) 修改为 next(path: to.fullPath),这样就不会发生 query 参数消失问题。


    参考

    完整的导航解析流程

    展开全文
  • 对于传参过后,跳转到的页面进行刷新行为,参数丢失问题,一般有下面几种方法 用query传参,query类似于get传参,参数会在url中显示,例如: this.$router.push({path:'/my',query:{key: []}}) 接收参数: this.$...

    一般的路由传参

    this.$router.push({name:'My',params:{id:'123'}})
    this.$router.push({path:'/my',query:{id:'123'}})
    

    对于传参过后,跳转到的页面进行刷新行为,参数丢失问题,一般有下面几种方法

    1. 用query传参,query类似于get传参,参数会在url中显示,例如:
    this.$router.push({path:'/my',query:{key: []}})
    

    接收参数:

    this.$route.query.key
    
    1. params传参,另外需要在定义路由时加上参数的key
      例如:
    this.$router.push({name:'My',params:{key:[]}})
    

    接收参数:

    this.$route.params.key
    

    还要在定义路由时加一个:key,例如:

    {
      path: '/my/:key',
      name: 'My',
      component: My
    }
    

    这样实现的效果也是在路由中加了参数,看大家习惯,都可以做到刷新页面参数不丢失
    3. 用query传参时,比如传了一个数组,那么在刷新页面后,传过来的数组变成了[object object]
    解决方法:在传参的时候将要传递的参数转换成字符串,例如:

    this.$router.push({path:'/my',query:{key: JSON.stringify([])}}) //JSON.stringify可以把数组或对象转变成字符串
    

    在接受参数的页面,这样就可以解决这个问题

    JSON.parse(this.$route.query.key)
    
    展开全文
  • 1.刷新页面丢失携带参数,但是参数在url中不显示 ...//但是,携带参数时用query,跳转后,url上会拼接参数刷新页面参数不会丢失,依然是那个带参数的url this.$router.push({ name: "page1", query

    1.刷新页面后丢失携带参数,但是参数在url中不显示

    this.$router.push({
    	name:'page',
    	params:{
    		param1:this.param1
    	}
    })
    接收参数时用
    this.$route.params.param1
    

    2.刷新页面后保留参数,但是参数在url中显示

    //但是,携带参数时用query,跳转后,url上会拼接参数,刷新页面后参数不会丢失,依然是那个带参数的url
    this.$router.push({
      name: "page1",
      query: { code: this.code },
    });
    //接收参数时用
    this.$route.query.code
    
    
    展开全文
  • 1.首先介绍基本的两种路由传参方式: 第一个是: 通过params传参 this.$router.push({ name: "newPage", //...另一个页面接收: console.log(this.$route.params.id) 第二种传参是通过query传参 this.$router.push({
  • 最近项目中涉及到跨页面参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:方法一:params传参:this.$router.push({ name:...
  • i='+i+"&cl="+this.formData["cl"+i]+'&cftj='+this.formData["cftj"+i] this.$router.push({name: 'fengxianpingjia',query:{i:i,cl:this.formData["cl"+i],cftj:this.formData["cftj"+i]}}) this.$router.push({...
  • react 路由跳转刷新页面参数消失

    千次阅读 2019-07-17 17:20:00
    this.props.history.push({ pathname: furl, search: 'ssr2' }) 获取 const data = this.props.location.search //地址栏截取 console.log(data) const param = ...
  • 在路由传参时,刷新会失去参数,最后使用query传参的方式使参数丢失,也可以通过储存在sessionStorage中解决。 1.例如我想查看文章,在点击文章后,我们就需要将文章相关的内容通过路由传入具体文章的模板中,这...
  • 情况情况再简单说明一下: 有三个页面(a-列表页面,b-...或者b页面再进入c页面,并由c页面返回b页面,b页面丢失a页面传入的参数.参数的传递使用的是vue-router, query传参let para = {id: info.subjId,subjInit: info.su...
  • ### 问题一:```// 动态路由/detail/:id```动态路由跳转的时候,页面是不刷新的,相信很多人都遇到了相同的问题&gt; ### 解决方法在全局的router-view组件上设置一个key值,此key值为一个时间戳或者随机字符,...
  • 1、解决方法一 query 传参你在用 vue-router 跳转的时候可以把参数写进 query 里this.$router.push({name:'articleDetail, query:{articleId: articleId}});这样你的 url 就会像 ...
  • 在 src / layout / TagsView /... // 监听页面刷新 window.addEventListener("beforeunload", () => { // visitedViews数据结构太复杂无法直接JSON.stringify处理,先转换需要的数据 let tabViews = this.visited
  • // 解决 vue-admin-template 刷新页面 TagsView 丢失问题 beforeUnload() { // 监听页面刷新 window.addEventListener("beforeunload", () => { // visitedViews数据结构太复杂无法直接JSON.stringify处理,...
  • 刷新页面时候将state数据保存到localStorage里面: export default { name: 'App', created () { //在页面加载时读取localStorage里的状态信息 if (localStorage.getItem("store") ) { this.$store....
  • 在Vue中构建工程目录时,会有对话提示是否安装router,这里就不再多说,直接开始说一说vue中路由跳转的几种方法。... //需要跳转到的页面的路径 这是在视图层内标签形式的跳转方式,浏览器会将router-link...
  • vue-element-admin项目中实现刷新tab标签不丢失

    千次阅读 热门讨论 2019-12-11 14:38:29
    // 页面刷新前缓存和赋值 this.beforeUnload(); }, methods:{ // 刷新前缓存tab beforeUnload() { // 监听页面刷新 window.addEventListener("beforeunload", () => { // visitedVie...
  • 1. 参数传递页面:这种方式页面刷新参数丢失。 // 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) } 页面参数 :this.$route.params....
  • 写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注...
  • vue 路由传参数和隐藏参数

    千次阅读 2019-09-04 17:08:08
    vue中路由中需要传递参数的话可以用query和param传递,两者类似于get和post。前者地址栏类似xx?p=1后者为xx/1,且后者可以隐藏地址栏显示。其实也可以用vue推荐的vuex进行响应式的参数管理。 传递参数形式: 两者...
  • 《Kettle集群及Mysql参数调整》由会员分享,可在线阅读,更多相关《Kettle集群及Mysql参数调整(10页珍藏版)》请在人人文库网上搜索。1、1 Kettle 集群Kettle支持集群,以下只是简单介绍下,没有具体深入,后期需要做...
  • react 路由传参及获取参数

    千次阅读 2021-09-16 23:23:17
    优势 : 刷新地址栏,参数依然存在 缺点:只能传字符串,并且,如果传的值太多的话,url会变得长而丑陋。 传参 import { Link, Route, Switch } from 'react-router-dom' <Link key={listObj.id} to={`/home/...
  • phoenix.query.timeoutMs 查询超时时间,默认为10分钟,单位:毫秒 600000 phoenix.query.keepAliveMs 当客户端的线程超过线程池的核心线程数量时,空闲线程等等待任务的默认时间。超过这个时间,空闲...
  • // 刷新当前页面时,检查支付结果 this . CheckOrder ( count ) ; this . timer = setInterval ( ( ) => { let newTime = new Date ( ) ; if ( newTime . getTime ( ) - oldTime . ...
  • 取值: this.props.location.state.id 优势:传参优雅,传递参数可传对象 缺点:刷新地址栏,(hash方式会丢失参数,Browser模式不会丢失参数) 4)、search 路由配置: ​ 不用改变路由配置表。 ​ 传值: 声明式...
  • Vue 框架 路由(Vue Router) Vuex 刷新页面

    千次阅读 2019-09-23 15:37:29
    hash(#)是URL 的锚点,代表的是网页中的一个位置 History模式 只需要在配置路由规则时,加入"mode: 'history'",这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 * 导航卫士、全局...
  • 1、目的:通过根据服务器目前状况,修改Mysql的系统参数,达到合理利用服务器现有资源,最大合理的提高MySQL性能。2、服务器参数:32G内存、4个CPU,每个CPU8核。3、MySQL目前安装状况。MySQL目前安装,用的是MySQL...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,520
精华内容 2,608
关键字:

hash模式 刷新页面 query参数丢失