微信小程序页面带参数跳转及接收参数内容navigator
功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl 
index.wxml
<navigator class='looks-view' wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/draw/draw?id={{item.id}}&imgUrl={{item.img}}">
     <image src='{{item.img}}' class='looks-view-image'></image>
     <text class='looks-view-text'>{{item.name}}</text>
</navigator>
在draw.js中:
data: {
id:'',
imgUrl:''
},
onLoad: function (options) {
    this.setData({
      id: options.id,
      imgUrl: options.imgUrl
    })
  },
很简单,这样就可以获取了。
微信小程序页面带参数跳转及接收参数内容navigator的更多相关文章
- 微信小程序页面之间的跳转
		
一.使用标签跳转 index.wxml: 在index.wxml页面添加一个<navigator>元素,在元素里面使用属性url就可以 二. ...
 - 微信小程序页面带参数跳转
		
页面传递参数的方式 data-para js获取参数
 - 微信小程序-页面跳转与参数传递
		
QQ讨论群:785071190 微信小程序页面跳转方式有很多种,可以像HTML中a标签一样添加标签进行跳转,也可以通过js中方法进行跳转. navigator标签跳转 <view class=& ...
 - 微信小程序页面跳转方法总结
		
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.// 注 ...
 - 在微信小程序页面间传递数据总结
		
在微信小程序页面间传递数据 原文链接:https://www.jianshu.com/p/dae1bac5fc75 在开发微信小程序过程之中,遇到这么一些需要在微信小程序页面之间进行数据的传递的情况, ...
 - [转] 微信小程序页面间通信的5种方式
		
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
 - 微信小程序页面调用自定义组件内的事件
		
微信小程序页面调用自定义组件内的事件 page page.json { "usingComponents": { "my-component": ". ...
 - 微信小程序页面通信
		
目录 微信小程序页面通信 方式一:通过URL 方式二:通过全局变量 方式三:通过本地存储 方式四:通过路由栈 微信小程序页面通信 方式一:通过URL // A 页面 wx.navigateTo({ u ...
 - 微信小程序--页面与组件之间如何进行信息传递和函数调用
		
微信小程序--页面与组件之间如何进行信息传递和函数调用  这篇文章我会以我自己开发经验从如下几个角度来讲解相关的内容 页面如何向组件传数据 组件如何向页面传数据 页面如何调用组件内的函数 组件如何调 ...
 
随机推荐
- Oracle12c 性能优化攻略:攻略1-1:创建具有最优性能的数据库
			
一:章节前言 本章着眼于影响表中数据存储性能的数据库特性. 表的性能部分取决于在创建之前所应用的数据库特性.例如:在最初创建数据库时采用的物理存储特性以及相关的表空间都会在后来影响表的性能.类似地,表 ...
 - ES6 模块与 CommonJS 模块的差异
			
ES6 模块与 CommonJS 模块完全不同.它们有两个重大差异 CommonJS 输出是值的拷贝,即原来模块中的值改变不会影响已经加载的该值,ES6静态分析,动态引用,输出的是值的引用,值改变,引 ...
 - HTTP 1.1学习笔记
			
前言 由于HTTP 1自身的局限性,它不能很好的为用户提供性能良好的WEB服务.于1999年6月正式发布了HTTP1.1标准REC2616,它厘清了之前版本中很多有歧义的地方,而且还新增了很多重要的优 ...
 - 升级 php composer 版本
			
在执行 composer update 时,报错 You made a reference to a non-existent script @php artisan package:discover ...
 - linux + docker + selenium grid 实现分布式执行selenium脚本
			
Selenium Grid 有两个概念 hub :主节点,你可以看作 "北京总公司的测试经理". node:分支节点,你可以看作 "北京总公司的测试小兵A" 和 ...
 - myEclipse开发内存溢出解决办法myEclipse调整jvm内存大小java.lang.OutOfMemoryError: PermGen space及其解决方法
			
摘要: tomcat部署多个项目后,启动tomcat正常,访问项目时却会出现该错误在网上查了查又试了好几次,才解决,将解决方法记录下来,以方便以后查看或让遇到同样问题的朋友有个参考 PermGen s ...
 - 线程使用中常见的错误-“System.InvalidOperationException”线程间操作无效: 从不是创建控件“ ”的线程访问它。
			
“System.InvalidOperationException”类型的未经处理的异常在 System.Windows.Forms.dll 中发生 其他信息: 线程间操作无效: 从不是创建控件“la ...
 - 步步为营-10-string的简单操作
			
using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Tex ...
 - PowerDesigner表创建脚本双引号问题
			
在使用PowerDesigner表属性的Preview查看创建脚本的时候,发现大多表名和字段名都加上了双引号,而且有引号的都是大小写混合的,导致创建的表里,表名和字段名也都是大小写混合的. 在一番搜索 ...
 - struts2之OGNL和struts2标签库和ValueStack对象
			
OGNL简介: (1)OGNL是Object Graphic Navigation Language(对象图导航语言)的缩写,它是一个开源项目. struts2框架默认就支持Ognl表达式语言(所以 ...