关于vuex、params、query传参，页面刷新丢失参数问题？

LMYH1123

已于 2022-10-28 16:00:58 修改

阅读量588

点赞数

分类专栏： vue 文章标签：前端 vue.js

于 2022-10-28 16:00:56 首次发布

本文链接：https://blog.csdn.net/lmyh1111/article/details/127573319

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

在开发中，使用vuex、params、query获取参数，页面刷新时，再去获取参数时undefined。

解决办法：

store/subwayStatus.js(vuex)

const subwayStatus = {
    state: {
        malfunction:{}
    },
  
    mutations: {
        MALFUNCTION(state, data) {
            state.malfunction = JSON.parse(JSON.stringify(data))
        },
    },
  }
  
  export default subwayStatus

vue组件中：

<script>
  created(){
    if(sessionStorage.getItem("malfunction") ) {
      this.$store.commit("MALFUNCTION",JSON.parse(sessionStorage.getItem("malfunction")));
    }
    window.onbeforeunload = () => {
        sessionStorage.setItem("malfunction",JSON.stringify(
            this.$store.state.subwayStatus.malfunction))
    }
    let malfunction = this.$store.state.subwayStatus.malfunction
    console.log(malfunction,'------) //能获取到参数，参数不丢失。
  }
</script>