微信小程序for循环中传递动态参数

for循环中的参数,没法传到对应的 js里,所以直接在 wxml页面上跳转

发送参数的 wxml页面

<view class="uploader" wx:for="{{bookList}}" wx:for-item = "item">
  <navigator url="../catalog/catalog?id={{item.id}}&title={{item.title}}" open-type="navigate" class="uploader-text">
    <text>{{item.title}}</text>
  </navigator>
</view>

接收参数的 js文件

Page({
  data: {title:‘‘},
  onLoad: function (options) {
      this.setData({
        title: options.title
    })
  }
})

原创文章,欢迎转载,转载请注明出处!

原文地址:https://www.cnblogs.com/acm-bingzi/p/wechat_param.html

时间: 2024-08-01 02:15:26

微信小程序for循环中传递动态参数的相关文章

一.微信小程序(开发中遇到的问题)

最近,接触了一段时间的微信小程序,在小程序的开发过程中,遇到了不少坑,再次总结一下: 1.小程序所有接口域名必须为https,而且不能加端口号: 比如:在小程序后台设置时无端口号,调用时再加入,会出现本地调试可用,线上版本不可用的情况. 2.wx.request 请求最大并发数为5,如果超过此限制,可能会出现开发工具卡死等情况: 3.wx.navigateTo 页面路径最多5层,超过5层会出现跳转失败的情况. 尽量配合wx.redirectTo和wx.navigateBack使用,其中wx.na

微信小程序日常开发中常遇到的错误代码

在开发过程中,会遇到很多微信返回的状态码,鬼知道代表什么意思,现在好了,整理总结了一份状态码,方便大家. 微信小程序错误码参考 状态码(场景值) 说明  -1 系统繁忙  0 请求成功  40001 验证失败  40002 不合法的凭证类型  40003 不合法的OpenID  40004 不合法的媒体文件类型  40005 不合法的文件类型  40006 不合法的文件大小  40007 不合法的媒体文件id  40008 不合法的消息类型  40009 不合法的图片文件大小  40010 不合

微信小程序实际开发中学习

三个概念 微信:就是一个聊天工具 微信公众号:企业或个人用于管理其粉丝/用户的应用(类似于APP) 微信小程序:不需要下载安装直接可以使用的软件/应用/APP 小程序与公众号的区别: 定位不同(小程序:产品与服务,公众号:营销与信息传递) 体验差异(小程序:体验接近原生APP,公众号:操作延时较大) 技术区别(小程序:微信自身开发环境与开发语言,公众号:基于H5开发) 1.之前通过申请获得了小程序的AppId通过QuickStart快速生成了一个小程序 这个时候可以使用预览然后用手机扫描二维码预

微信小程序 地图组件中marker无法使用网络图片问题

最近做微信小程序的时候,要做一个地图找房的功能,是这个样子的 后台贴心底提供了价格标签的图片 根据微信小程序文档,这里使用markers里的iconPath加载后台给我的url就行了 但是编译后却发现图片没有加载出来 直接给出我的解决方法 先把图片下载到本地,然后再进行使用 原文地址:https://www.cnblogs.com/hitore/p/8505643.html

微信小程序之wx.navigateback往回携带参数

在微信小程序开发的过程当中  经常碰到一些带逻辑的一些事情 就比如 新增地址 修改地址  筛选用户条件等页面的时候  我们也可以用wx.navigateTo来跳转实现 但其中有很多问题 1.微信的十层跳转  当你用navigateTo跳转的时候跳转十次的时候就跳不动了 2.参数的传递 我们在用navigateTo跳转的时候通常带着参数来跳  试想一下 如果我们一种这么跳 那么携带的参数越来越多 这不是开发的一个好事情 所以在以上的问题上我们可以用navigateback来实现  既仅携带本次跳转

微信小程序在开发中遇到的错误与解决方法

1. 这种错误多半是该js文件中没有Page这个方法,就算是空的js也必须要把Page({ })写上去   √ 2. 这种错误多半是该json文件没有内容,所以必须要加上{ },就算是空内容也要加上{ }.√ 补一句:小程序里json文件中不允许有注释不然会报错. 3. 这个问题我不知道怎么解决了.iconClass在当前页面的js中的data里是一个数组,我只想让它使用第一个属性,但是这样不行.未解决 4. 这个错误就很明显了.小程序中的背景图片不能使用本地的路径,要么使用在服务器上的图片路径

微信小程序富文本中的图片大小超出屏幕

这个问题我在小程序社区中提的,后来有个帮我回答了这个问题,我试了一下可以. 解决办法是过滤富文本内容,给图片标签添加一个样式,限制图片的最大宽度. replace(/\<img/gi,   '<img class="rich-img" ' ); 就可以了 rich-text   .rich-img { width: 100% ; height: auto ; } 原文地址:https://www.cnblogs.com/fangyinghua/p/9264425.html

微信小程序 修改数据,并动态渲染页面;修改数组;

一.修改数据,并在页面动态渲染 this.setData({ txt: '12112' }) 二.修改数组 var rotateClassItem = 'rotateClass['+ index + ']'; that.setData({ [rotateClassItem]: !that.data.rotateClass[index] }) 原文地址:https://www.cnblogs.com/siyecao2010/p/10083896.html

微信小程序-点击事件传递参数

首先 bindtap 绑定点击事件, 在标签中利用 data-xxx  来定义你要传入的参数,, 然后事件中传入 event 用 event.currentTarget.dataset.xxx 来取你传入的值 原文地址:https://www.cnblogs.com/listen9436/p/11113449.html