찾다
웹 프론트엔드JS 튜토리얼WeChat 애플릿을 사용하여 매개변수를 전달하는 방법은 무엇입니까?

이 글에서는 네비게이터 점프, 전역 변수, 목록 인덱스 아래 첨자 값 및 양식 양식 값 전달 관련 콘텐츠를 포함하여 WeChat 애플릿에서 매개변수를 전달하는 여러 가지 방법을 주로 소개합니다.

머리말

먼저 말씀드리자면, 저도 회사의 필요 때문에 그 구덩이를 채우기 위한 길은 험난하고 막막했습니다. , 함정이 많지만 결국 작은 프로그램이 등장한 지 얼마 안 됐으니 함정이 있는 것은 정상입니다. 하하하, 미니 프로그램의 매개변수에 대해서는 더 이상 고민하지 말자. 자세한 소개를 살펴보세요.

1. Navigator는

wxml 페이지로 이동합니다(매개변수가 많을 경우 "&" 사용).

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

또는 클릭 이벤트를 추가하면 js는 NavigTo를 사용하여 매개변수 전달로 이동합니다. 두 효과는 동일합니다.

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

js 페이지, Get

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

onLoad 2. 전역 변수

app.js 페이지

globalData:{
  id:null
 }

Assignment:

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

Value:

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

3. 목록 인덱스 가치

w xml 페이지

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

여러 개를 전달해야 하는 경우 여러 데이터-[매개변수]를 작성하여 전달하면 됩니다.

js 페이지

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

참고:매개변수를 전달하려면 데이터-[매개변수 이름]을 설정하세요. wxml, [매개변수 이름]은 소문자만 가능하고 대문자는 안 됩니다

4. 폼 폼 값 전달

폼 폼 값 전달은 상대적으로 간단하고 일반적으로 많이 사용되므로 예제는 생략하겠습니다

위는 이것은 제가 모두를 위해 정리한 것입니다. 앞으로 여러분에게 도움이 되기를 바랍니다. 모두가 도움이 됩니다.

관련 기사:

vue-cli를 사용하여 vue 플러그인을 작성하는 방법

ngrok+express를 사용하여 WeChat 인터페이스 디버깅 문제를 해결하는 방법

element-ui 테이블을 사용하여 셀을 만드는 방법 editable

at 요소 ui에서 대화 상자를 닫은 후 확인을 지우는 방법

Vue에서 컴파일 작업 방법을 사용하는 방법

위 내용은 WeChat 애플릿을 사용하여 매개변수를 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
微信小程序架构原理基础详解微信小程序架构原理基础详解Oct 11, 2022 pm 02:13 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序云服务配置详解微信小程序云服务配置详解May 27, 2022 am 11:53 AM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序常用API(总结分享)微信小程序常用API(总结分享)Dec 01, 2022 pm 04:08 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要总结了一些常用的API,下面一起来看一下,希望对大家有帮助。

浅析微信小程序中自定义组件的方法浅析微信小程序中自定义组件的方法Mar 25, 2022 am 11:33 AM

微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助!

微信小程序实战项目之富文本编辑器实现微信小程序实战项目之富文本编辑器实现Oct 08, 2022 pm 05:51 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用什么小程序西安坐地铁用什么小程序Nov 17, 2022 am 11:37 AM

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

微信小程序开发工具介绍微信小程序开发工具介绍Oct 08, 2022 pm 04:47 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

简单介绍:实现小程序授权登录功能简单介绍:实现小程序授权登录功能Nov 07, 2022 pm 05:32 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전