uni-app页面之间的传参,让下一个页面接收上一个页面的值

2020-8-26    seo达人

为了实现页面之间的通讯,或者数据交换,我们要实现一个页面到另一个页面的传参,可以通过点击跳转的时候进行页面之间的传值。


<template>

   <view>

       <navigator url="../a/a?id=1" hover-class="none">

           <view>跳转到A页面</view>

       </navigator>

       <navigator url="../b/b?id=2" hover-class="none">

           <view>跳转到B页面</view>

       </navigator>

       <navigator url="../c/c?id=3" hover-class="none">

           <view>跳转到C页面</view>

       </navigator>

   </view>

</template>


<script>

export default {

   data() {

       return {


       }

   },

   methods: {


   },

   onLoad: function (option) {

       //获得上一个页面传过来的id

       var pageid = option.id;

       console.log(pageid);

   }

}

</script>

Author:TANKING

Web:http://www.likeyun.cn/

Date:2020-8-13

WeChat:face6009

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档