状态管理:Vue 状态管理共享用法 (页面返回问题)

状态管理共享 我用的是传值方式,从一个页面传 参数 过去到另一个页面,再返回的时候不会发生丢参或者报错。
首先在状态管理 store.js 里面定义在这里插入图片描述

定义完之后在需要传值的主页面使用状态管理, 首先提醒以下 我这边用的是BUS 总线传值方式,在这里插入图片描述

然后来到主页面使用 BUS 进行状态共享,

															import bus from "../../utils/bus";


									    tablerow(row) {
									      //点击查看
									      this.$store.commit("setmaterial", row);
									
									      let cop = {
									        imagepath: "el-icon-menu",
									        formpartofpath: "/materials",
									        formname: "面料详情",
									        framemenuid: ""
									      };
									
									      bus.$emit("add", cop);
									      
									      this.$router.push({ path: "/materials" });
									    }

在这里插入图片描述

现在在第二个页面接收运用,首先也要引入 import bus from ‘…/…/utils/bus’

			 computed:{
			      myfinish() {
			         return this.$store.state.material;    //监听《状态共享》中的值发生改变; 在store.js 中设置;
			      }
			  },
			  watch:{
			        myfinish(newVal) {     //在这里获取状态共享中的值,newVal 以改变的值; oldVal 未改变的值;
			          this.row = newVal
			         
			        },
			  },

在这里插入图片描述

这样就OK了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前前前端端端

你的打赏将是我创作的最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值