首页 > 编程语言 >微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面

微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面

时间:2023-12-24 22:22:07浏览次数:29  
标签:username casename 微信 js 参数传递 选中 页面

关键词:微信小程序、页面切换、参数传递、页面切换时的参数传递。

1、页面1的 wxml:循环展示数据,并选中,将参数传递至js

 <block wx:for="{{caselist}}" wx:for-item="item" style="display: flex;">
    <view class="item">
      <button catchtap="casedetail" data-name='{{item.fields.name}}'>
        {{item.fields.name}}
      </button>
    </view>
 </block>

2、页面1的 js:获取从前端选中的数据

casedetail:function(e){
  let casename = e.currentTarget.dataset.name;
  let user=wx.getStorageSync('user');
  var username=user.nickName;
  console.log("办案名称:"+casename),
  wx.navigateTo({
      url:"/pages/servertab/casedetail?username="+username+"&casename="+casename,
  }); 
},  

3、页面2的 js:获取从页面1传来的参数

  /**
   * 生命周期函数--监听页面加载
   */
  onl oad(options) {
    var casename = options.casename;
    console.log("办案名称:"+casename);
  },

  

标签:username,casename,微信,js,参数传递,选中,页面
From: https://www.cnblogs.com/songwmeta/p/17924971.html

相关文章

  • JavaScript(JS) 数组
    ​ JavaScript数组是一个可变长度的对象,用于存储多个值。数组的值可以是任何类型,包括数字、字符串、对象、函数等。参考文档:JavaScript(JS)数组-CJavaPy1、创建数组可以使用以下方式创建数组:使用方括号[]来创建一个空数组:JavaScriptconstarr=[]; 使用 A......
  • JSONPATH-阿里和jayway的实现测试
    业务业务的需要,所以想找一个从对象中获取属性的工具。搜了搜发现由阿里和jayway的实现,又花费了一些时间了解和练习,总结了一些要点:阿里的可能快一些,但考虑到完备性,也许选择jayway更好一些。本文档参考了以下URL:JaywayJsonPath介绍_com.jayway.jsonpath-CSDN博客FASTJSON2JSO......
  • 海外充值微信,充值支付宝
    在美国,如何正确充值微信,充值支付宝呢,是不是还在找亲戚?找朋友?找那些不靠谱的第三方平台?还是价格贵的离谱的网站? 如果还是停留在这些寻找的范围,就请你听好了,目前有一家叫Very划算的网站,专门服务海外华人充值业务,其中有一项业务特别引人注目,那就是微信充值,支付宝充值!微信和支付宝......
  • 微信小程序开发学习日志
    文件夹:pages:index:首页logs:日志json配置文件:app.json:app.json为全局配置,包括了所有页面路径(pages)、窗口外观(window)、界面表现(style)、底部tab等。#页面配置会覆盖全局配置project.config.json:"setting": 本地设置"es6": JS编译成ES5是否开启"postcss": 上传代码时样......
  • 微信小程序开发笔记[6]-蓝牙ble扫描设备
    摘要使用微信小程序扫描BLE设备,找到指定设备后弹窗.平台信息微信开发者工具Stable1.06.2310080原理typescript+less开发模式[https://developers.weixin.qq.com/miniprogram/dev/devtools/compilets.html][https://blog.csdn.net/Boale_H/article/details/121360082]......
  • VUE框架引入Vue3与Vue3和Vue2在main.js里的区别------VUE框架
    //不再引入vue了,Vue3中,引入了一个createApp函数,可以创建APP对象import{createApp}from'vue';//引入了一个根组件AppimportAppfrom'./App.vue';//这行代码创建了一个APP对象,类似于之前vue2的vm对象//app比vm更加轻便,代价是属性要少constapp=createApp(A......
  • 【力扣】-14. 最长公共前缀|刷题打卡-JS
    编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串 ""。示例1:输入:strs=["flower","flow","flight"]输出:"fl"示例2:输入:strs=["dog","racecar","car"]输出:""解释:输入不存在公共前缀。提示:1<=strs......
  • 【力扣】-35. 搜索插入位置|刷题打卡-JS
    给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(logn) 的算法。示例1:输入:nums=[1,3,5,6],target=5输出:2示例 2:输入:nums=[1,3,5,6],target=2输出:1示例......
  • RapidJSON
    RapidJSON 是一个C++的JSON解析器及生成器。它的灵感来自RapidXml。RapidJSON小而全。它同时支持SAX和DOM风格的API。SAX解析器只有约500行代码 【chatgpt】 RapidJSON、cJSON和JsonCpp都是JSON解析器/生成器的C++库,它们的目标都是提供快速、轻量级......
  • C# .NET的BinaryFormatter、protobuf-net、Newtonsoft.Json以及自己写的序列化方法序
    https://www.cnblogs.com/s0611163/p/11872484.html测试结果整理后: 结论:1、这几个工具中,protobuf-net序列化和反序列化效率是最快的2、BinaryFormatter和Newtonsoft.Json反序列化慢的比较多3、Newtonsoft.Json序列化后的文件体积比较大4、Newtonsoft.Json在序列化反序列......