解决VUE路由刷新后数据消失样式丢失的问题

样式错乱解决方法

将公用样式引入app.vue中

<style>
@import "./views/xxx.css";
<style>

数据丢失解决方法

首先,用params传参的刷新肯定会失去数据的,这里用query的方式,需要将数据转为JSON格式

let data = JSON.stringify({
          UserInfo: this.UserInfo,
          domain: this.domain,
          loginUserData: this.loginUserData
        })
      this.$router.push({
        path: "userEdit",
        query: {data}
      });

然后在跳转的路由中/created/mounted中获取

let data = JSON.parse(this.$route.query.data)

也可以放localstorage里,方法一样,也是需要转成JSON字符串

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值