当前位置： 移动技术网 > IT编程>网页制作>Html5 > 【微信小程序】mpvue中页面之间传值（全网唯一真正可行的方法，中指推了一下隐形眼镜）

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

2019年07月19日  | 移动技术网IT编程  | 我要评论

摘要： 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， 下次见

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网