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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

分享本文至：
« 手机appUI界面设计赏析（八） 动效不知如何落地？ »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档