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

古城微笑少年丶 2021-09-23 07:54 448阅读 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 条评论，448人围观）

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

相关阅读

相关【微信小程序】页面之间对象的传递

1. 从当前页面传到下一页面 wx.navigateTo({ url: `../label/label?labelList=${JSON.string

绝地灬酷狼/ 2023年09月30日 21:18/ 0 赞/ 9 阅读

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

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

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

相关 java 参数传递引用_java中的参数传递——值传递、引用传递

参数是按值而不是按引用传递的说明 Java 应用程序有且仅有的一种参数传递机制，即按值传递。在 Java 应用程序中永远不会传递对象，而只传递对象引用。因此是按引用传递对象

小灰灰/ 2022年11月03日 11:48/ 0 赞/ 362 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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