美文网首页
uniapp页面参数传递

uniapp页面参数传递

作者: 秋池_70b5 | 来源:发表于2020-04-10 20:14 被阅读0次

链接传递 或者事件传递

1、要传递参数的页面

<navigator :url=" './nav?index='+navData">点击传递参数</navigator>

2、接收的页面

onLoad(options) {

console.log(options。index)

}

事件传递多个参数,传递数组用事件来传递,因为要先转成字符串

1、在页面中定义要传递

点击传递数据

添加一个事件

methods: {

dataClick(){

let that = this;

var navData = JSON.stringify(that.navData); // 这里转换成 字符串

uni.navigateTo({

url:'./nav?index='+navData

})

}

},

2、接收的页面

这里一定onLoad ,只能用onLoad才能接收到参数

onLoad(options) {

var data = JSON.parse(options.index); // 字符串转对象

console.log(data)

}

相关文章

  • uniapp页面参数传递

    链接传递 或者事件传递 1、要传递参数的页面 点击传递参数 2、接收的页面 onLoad(options) {co...

  • uniapp中页面之间通信

    在uniapp中页面之间通信简单的用法主要有以下几种方式: 一、传参的形式 1.A页面传递参数给B页面 2.B页面...

  • 页面切换及参数传递

    页面切换及参数传递 在课程的大纲 通过组件a切换页面和传递参数 通过接口router切换页面和传递参数 接收参数 ...

  • 4.3 开发技巧:子页面更新父页面

    我们之前介绍的参数传递,是从父页面传递参数到子页面,子页面接收并显示。那如果子页面需要传递参数到父页面,该如何操作...

  • 微信小程序小结:(二)

    一、给每个页面设置页面id,便于区分(页面跳转传递参数的实现) 如从页面A跳转到页面B: A向B传递参数可以使用k...

  • navigator带参跳转与参数接收

    1.点击跳转传参 2.接收页面显示 // uniapp将接受到的参数作为页面标题

  • HAP_邮件批量发送

    页面传递参数: 后台接收参数: 接口: 实现类

  • jsp传参方法小结

    一、jsp页面到jsp页面## 1.从a.jsp传递 //将参数值为aaa,参数名test的参数传递到b.jsp页...

  • 无标题文章

    HTML5 页面跳转和参数传递 标签:html html5 传递参数 页面跳 2016-03-21 19:5179...

  • 2022-04-27 uniapp 通用函数库

    收集整理常用uniapp 封装方法 1. 获取当前页面路径及参数 2. 获取当前页面路径及参数 App.vue o...

网友评论

      本文标题:uniapp页面参数传递

      本文链接:https://www.haomeiwen.com/subject/mhidmhtx.html