What are the methods for passing parameters using WeChat applet?

This article mainly introduces you to several methods for passing parameters in WeChat applet, including navigator jump, global variables, list index subscript value and form form value passing related content. What is needed Friends can refer to it and learn together below.

Preface

First of all, let me say something. Because of the company’s needs, I also started to jump into the pit of small programs. After filling in the pit, The road is hard and desolate. Well, although there are many pitfalls, after all, mini programs have only appeared not long ago. It is normal to have pitfalls. Hahaha, let’s not talk nonsense. Let’s talk about the parameters of the mini program. Without further ado, let’s take a look. Let’s introduce it in detail.

1. When navigator jumps

wxml page ("&" can be used when there are many parameters)

<navigator url=&#39;../index/index?id=1&name=aaa&#39;></navigator>

Or add a click Event, js uses navigateTo to jump to pass parameters, the two effects are the same

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

js page Get it directly in onLoad

 onLoad: function (options) {
  //页面初始化 options为页面跳转所带来的参数
  var id = options.id //获取值
 },

2. Global variables

app.js page

globalData:{
  id:null
 }

Assignment:

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

Value:

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

3. Get the list index subscript Value

wxml page

<button bindtap=&#39;clickMe&#39; data-id=&#39;1&#39;>点击</button>

If you need to pass more than one, you can write multiple data-[parameters] to pass

js page

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

Note: Pass parameters through wxml setting data-[parameter name], [parameter name] can only be lowercase, not uppercase

4. Form form value passing

Form form value passing is relatively simple and commonly used, so I won’t give an example

The above is what I compiled for you. I hope it will be helpful to everyone in the future.

Related articles:

How to use vue-cli to write vue plug-ins

How to use ngrok express to solve WeChat interface debugging issues

How to use the element-ui table to make cells editable

How to clear the verification after closing the dialog in element ui

How to use the compile operation method in Vue

The above is the detailed content of What are the methods for passing parameters using WeChat applet?. For more information, please follow other related articles on the PHP Chinese website!