微信小程序传递值、传递参数

古城微笑少年丶 2021-09-23 07:54 483阅读 0赞

# 界面代码 .wxml #

界面代码
        <view class='content'>
        <block wx:for="{
       {artlist}}" wx:key="{
       {index}}">
        
          <view class='art' bindtap="nameTap" data-objData='{
       {item}}'>{
       {item}}</view>
        </block>
        </view>

# 界面代码 .wxml #

js文件代码
    
    nameTap 是接收参数的方法
    Page({
      data: {
        artlist: []
      },
      /*
      页面加载时候出发的方法
      */
      onLoad: function () {
        for (let i = 0; i < 30; i++) {
          let temp = ''
          for (let a = 0; a < 10; a++) {
            temp = temp + '' + i
          }
          this.data.artlist.push(temp)
        }
      
        //下面实现的是动态的赋值跳转
        this.setData({
          artlist: this.data.artlist
        })
      },
    
      //界面的view触发的点击事件
      nameTap: function (event){
        //获取参数
        console.log(event.currentTarget.dataset)
      }
    })

# 运行的界面效果 #

结果中接收到了参数：  
![在这里插入图片描述][20190918112406972.png]

[20190918112406972.png]: /images/20210923/56d300b57911415db84191c216034e0d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，483人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序中，POST,FormData格式传递参数

文章目录现状代码后台代码 web请求微信小程序（正文,可直接跳到此处）现状后台接口使用的POST提

阳光穿透心脏的1/2处/ 2024年03月29日 16:10/ 0 赞/ 129 阅读

相关微信小程序的页面跳转和参数传递

微信小程序的页面跳转和参数传递微信小程序提供页面的跳转的3种方法：方法一：使用API wx.navigateTo()函数 ![img][] 方法二：使

落日映苍穹つ/ 2023年02月26日 02:26/ 0 赞/ 30 阅读

相关页面数据传递(微信小程序、uni-app)

页面的数据传递首先我们必须知道页面如何跳转，在wx小程序上页面的跳转可以通过 wx.navigateTo例如： wx.navigateTo({

骑猪看日落/ 2022年12月21日 06:22/ 0 赞/ 154 阅读

相关微信小程序跳转的数据传递

跳转的数据传递以wx.navigateTo为例：上面讲述,wx.navigateTo传入的url是跳转的页面（使用相对路径） wx.navigateT

Myth丶恋晨/ 2022年06月05日 01:19/ 0 赞/ 256 阅读

相关微信小程序-参数传递与事件处理

前言开发过程中经常会遇到从一个页面携带数据到另一个页面的情况，所以需要知道以下信息，什么是事件？有哪些传递方式？如果传递数组呢？如果传递对象呢？一、事件 >

逃离我推掉我的手/ 2022年05月19日 00:45/ 0 赞/ 288 阅读

相关微信小程序页面间参数传递获取

两种方式： 1. `<navigator>跳转页面</navigator>` test.wxml：

约定不等于承诺〃/ 2022年04月24日 07:14/ 0 赞/ 301 阅读

相关微信小程序跳转界面传递参数注意事项

以下为跳转方法： wx.navigateTo(\{ url: '../index/index?dataInfo=' + encodeURIComponent(JSON.st

╰半夏微凉°/ 2022年02月13日 06:55/ 0 赞/ 336 阅读

相关微信小程序的页面跳转和参数传递：微信小程序教程系列06

关于页面的跳转，微信小程序提供了3种方法：方法一：使用API wx.navigateTo()函数 ![20170209122949465][] 示例：

待我称王封你为后i/ 2021年12月05日 01:09/ 0 赞/ 440 阅读

相关微信小程序传递值、传递参数

界面代码 .wxml 界面代码 <view class='content'> <block wx:for="{ {a

古城微笑少年丶/ 2021年09月23日 07:54/ 0 赞/ 484 阅读

相关微信小程序 - 路由跳转以及传递参数和获取参数

路由跳转是我们在写项目过程中必用的一个api，路由跳转的方式有很多种，这里我来介绍一下不带参数的路由跳转方式以及带参数的路由跳转方式（这里通过 wx.navigateTo

待我称王封你为后i/ 2021年08月14日 00:10/ 0 赞/ 1076 阅读