欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【微信小程序】mpvue中页面之间传值(全网唯一真正可行的方法,中指推了一下隐形眼镜)

程序员文章站 2022-07-05 08:50:09
摘要: mpvue中页面之间传值(注意:是页面之间,不是组件之间) 场景:A页面跳转B页面,在B页面选择商品,将商品名带回A页面并显示 使用api: getCurrentPages step1: A页面js: 先定义一个全局的对象that,然后在mouted中把this赋给that step2: B ......

摘要: mpvue中页面之间传值(注意:是页面之间,不是组件之间)

场景:a页面跳转b页面,在b页面选择商品,将商品名带回a页面并显示

使用api: getcurrentpages 

 

step1:

a页面js:

先定义一个全局的对象that,然后在mouted中把this赋给that

 

<script>
var that = null;
export default {
  data () {
    return {
      setdata: function (key,value) {
        that[key] = value
      }
    }
  },
}
<script>

 

  mounted () {
    that = this;
  },

 

 

step2: 

b页面js

 

1     getbrand (brand) {
2       let { from } = this.$root.$mp.query
3       let pages = getcurrentpages()
4       let page = pages.find( item => item.route.indexof(from) != -1)
5       page.data.$root[0].setdata('brand',brand)
6       wx.navigateback({
7         delta: 1
8       });
9     }

 

 

 

讲解完毕,88, 下次见