微信小程式傳參數的幾種方法

来源:https://www.cnblogs.com/zxf100/archive/2018/01/09/8251076.html
-Advertisement-
Play Games

1,navigator 跳轉時 wxml頁面(參數多時可用“&”) 或者添加點擊事件,js用navigateTo跳轉傳參,兩種效果一樣 js頁面 在onLoad里直接獲取 2.全局變數 app.js頁面 賦值: 取值: 3.列表index下標取值 wxml頁面 如果需要傳遞多個,可以寫多個data- ...


1,navigator 跳轉時

wxml頁面(參數多時可用“&”)

<navigator url='../index/index?id=1&name=aaa'></navigator>

  或者添加點擊事件,js用navigateTo跳轉傳參,兩種效果一樣

 wx.navigateTo({
            url: '../index/index?id=1&name=aaa',
          })

js頁面  在onLoad里直接獲取

  onLoad: function (options) {
     //頁面初始化 options為頁面跳轉所帶來的參數
     var id = options.id    //獲取值

  },

2.全局變數

app.js頁面

globalData:{
      id:null
    }     

賦值:

var app = getApp();
app.globalData.id = 2

取值:

var app = getApp();
var id = app.globalData.id

3.列表index下標取值

wxml頁面

<button bindtap='clickMe' data-id='1'>點擊</button>

如果需要傳遞多個,可以寫多個data-[參數]的方式進行傳遞

js頁面

  clickMe:function(e){
    var id = e.currentTarget.dataset.id
    console.log(id);
  },

  註意:通過wxml設置data-[參數名]傳遞參數,[參數名]只能是小寫,不能有大寫

4.form表單傳值

form表單傳值比較簡單常用,就不舉例了


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ERROR 2006 (HY000): MySQL server has gone away ...
  • 和關係資料庫一樣,Neo4j同樣可以創建索引來加快查找速度。 在關係資料庫中創建索引需要索引欄位和指向記錄的指針,通過索引可以快速查找到表中的行。 在Neo4j中,其索引是通過屬性來創建,便於快速查找節點或者關係。 手動索引 先來說一下怎樣創建手動索引。 創建索引採用顯示創建,就像添加節點一樣添加索 ...
  • imei、imsi是大部分應用自動採集的設備信息,Android中需要在MINIFEST聲明許可權,6.0以上手機還需要用戶顯示授權才可以正常獲取。這兩個標識有什麼區別、聯繫?為什麼應用這麼執著於採集這兩個信息呢? imei IMEI(International Mobile Equipment Id ...
  • 看到很多小程式里,點客服,提示關註公眾號,比如製作器里這個功能,能夠自動引導關註公眾號,圖文體驗非常好,研究了小程式客服介面後,我們就自己把它做成一個工具了,方便小程式的運營人員。芝麻小客服 體驗傳送門 http://xiaokefu.hotapp.cn 特點: (1)不需要開發,只需要在微信的小程 ...
  • 首先,咱得先說下註意點: Android中主要通過RecognizerIntent來實現語音識別,其實代碼比較簡單,但是如果找不到設置,就會拋出異常 ActivityNotFoundException,所以我們需要捕捉這個異常。而且語音識別在模擬器上是無法測試的,因為語音識別是訪問google 雲端 ...
  • 首先看一下安裝apk文件的代碼 測試發現該段代碼在7.0一下的機型上可以成功打開指定路徑下的指定apk文件 , 但是在7.0+的機型上調用該代碼會報錯: 原因在於:Android 7.0 版本開始 禁止向你的應用外公開 file:// URI。 如果一項包含文件 file:// URI類型 的 In ...
  • libyuv是Google開源庫,可用作圖像數據格式的轉換,比如視頻流編解碼時格式的轉換,YUV數據轉化RGB等 libyuv靜態庫 為了方便使用,已經將libyuv源代碼打包成了iOS靜態庫, "libyuv靜態庫" libyuv使用 下麵以nv12(yuv420sp)轉化為I420(yuv420 ...
  • 最近都在折騰 Sagit 架框的記憶體釋放的問題,所以對這一塊有些心得。對於新手,學到的文章都在教你用:typeof(self) __weak weakSelf = self。對於老手,可能早習慣了到處了WeakSelf了。這次,就來學學,如何不用WeakSelf。 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...