Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
440 views
in Technique[技术] by (71.8m points)

求助:使用vue 路由钩子函数存储数据?

图片描述

1,跳转成功,从【购物车】传给【确认订单】页面的数据

图片描述

2,成功传送

图片描述

3,当【确认订单】页面点击选择【选择地址】页面,返回时候数据丢失。

4,问:能否使用vue 路由钩子函数实现存储数据的目的?怎么存储?(不使用返回再次发送请求的方法~)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

vuex
入口文件用vuex建个全局info

const store = new Vuex.Store({
  state:{
    info:
  }
  ...
})

在路由钩子中使用this.$store.state.info修改及取值即可
beforeRouteEnter的时候,不能使用this,官方文档提供了vm.XXX取值

beforeRouteEnter (to, from, next) {
  next(vm => {
    // 通过 `vm` 访问组件实例
    vm.$store.state.info= xxxxx;
  })
},

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...