微信小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js

小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js?

js-->携带数据,并且循环渲染给每个组件--->组件绑定bindtap事件,在点击该组件时,把该组件的数据,传到bindtap事件函数

1个回答

你需要在循环渲染的每个dom上增加一个data属性,传入你要加入的数据. 点击之后会e.target.dataset 中拿到传入的值.

<view bindtap="readDetail" data-id="{{item.id}}">{{item.content}}</view>
    // -- js
    readArticle: function(e){
            var $data = e.currentTarget.dataset; //打印可以看到,此处已获取到了包含id、title、和content的对象
            wx.navigateTo({
                    url: '../myNewsInfo/myNewsInfo?id'+$data.id+"&title="+$data.title+"&content="+$data.content //传参跳转即可
            })
    })
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序中的循环列表,怎么才能在点击时改变当前项的背景颜色

微信小程序循环出来的列表,怎么才能在点击时改变当前项的背景颜色, 改变当前选项颜色同时恢复之前被改变的颜色,保证同时只能有一个选项被改变颜色

微信小程序渲染,数组怎么单独渲染出来。

![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030083_955216.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030095_430063.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030112_790861.png) 微信小程序渲染,数组怎么单独渲染foo出来。

微信小程序用echarts ,for循环渲染图表,切换后显示不全;

在微信小程序上用echarts , 用wx:for 循环数组,生成图表,第一次加载的时候,数组里两条数据,两个图表能正常显示;切换后数组变为一条数据,也能正常显示;再切换回来两条数据,图表只能渲染一个,第二个被设置display:none 了;哪位大佬知道这个是为啥啊?求指教~~~

微信小程序:for循环,无法把A数组中的元素赋值给B数组

如题,循环之后输出数组B,是一个空数组,请问是哪里出问题了呢? var A = cloudFilePaths;//A是一个数组 var B=[]; for(let j=0;j<B.length;j++){ B[j]=A[j]; } console.log("B", B)

微信小程序循环问题,如何循环输出多个view

wx:for是按照数组循环在页面渲染多个view或者block 而当我需要很多个view 比如1000个 难道我要建立1000length的数组? 有没有什么方法能够根据我给的数字进行循环,比如我给了 1000; 就生成1000个view,js实现也可以

微信小程序如何只在前端获取input里面输入的值?

微信小程序如何利用navigator的同时,获取input里面输入的值呢。 在form表单里面,我在input输入框输入内容后,点击navigator后进入其他 页面,并且带着input输入框的值。

微信小程序 渲染层错误,跪求大佬!!!!

昨天还是正常的,今天打开微信小程序,突然报错,小白一枚,跪求大佬!!!急求!!!

微信小程序开发需要安装什么软件,搭建什么环境?小白求教

本人对微信小程序开发是小白(对html,css,js等有一点基础),但是想学微信小程序的开发,我想知道应该装些什么,我查了一下有的说有公众号和微信开发者工具就行,有的又说要腾讯云服务器什么的,还有域名什么的。有点搞不懂。 想问一下这个开发的前端和后台是怎么样的?需要数据库吗?还是说用什么来代替数据库?数据存放在哪里?请大佬指教,谢谢!

微信小程序怎么拿云存储中的图片在前端做轮播图的图片

微信小程序怎么拿云存储中的图片在前端做轮播图的图片? 求代码!!!谢谢

微信小程序实现pdf预览思路

个人微信认证小程序,无法嵌入html网页。那这样子的话怎么实现微信小程序预览pdf呢? 请教大神

python写的爬虫怎么放在微信小程序的环境下运行(或者说怎么在微信小程序写爬虫)?

本人大四,现在正在准备毕业设计,不想做一般的web项目(所有人都在做没有什么新意),思来想去最后决定用python写个爬虫(这个是毕设的核心功能),然后想联系当下的较流行的微信小程序,把爬虫放到微信小程序上进行运行(曾在网上看到一位大神在小程序上爬豆瓣的妹子图,感觉和我想要的差不多)。大致的流程基本是这样的。所以想大佬们指导一下小弟,怎么在小程序上实现爬虫?

Python做的爬虫怎么放到微信小程序上面去?

我想做一个微信小程序,然后后端是一个Python写的网站爬虫,用来爬一些牌子的商品上新数据,小程序就用来获取和显示爬到的数据,但是不想一直带着电脑,所以想把爬虫做成一个微信小程序放到手机上。 自己目前还是大二,编程能力渣渣,所以想借这个机会提高一下自己的能力,还请大佬指点怎么把Python做的爬虫变成微信小程序 我有了解到java做后端的,但是我java才学了一丢丢,和没学差不多,所以如果和java相关的也是可以的,我看看能不能努力去学学看,当然最好是Python

微信小程序video组件层级过高遮挡了悬浮按钮

我做了个微信小程序,在用video组件时,发现我的悬浮按钮被video遮挡了,我用了网上的办法说设置z-index,这样之后再电脑的模拟机上是没问题的,但是在真机上还是被遮挡了,请教大神们这种该怎么解决啊 模拟机:![图片说明](https://img-ask.csdn.net/upload/201808/01/1533117878_68606.png) 真机:![图片说明](https://img-ask.csdn.net/upload/201808/01/1533117962_474312.png)

微信小程序如何引入关注公众号组件

微信小程序中怎么样才可以自动获取公众号的名称以及简介,并且点击关注,可以关注公众号。 ![图片说明](https://img-ask.csdn.net/upload/201906/18/1560846489_451020.png) 跪求指点。。

微信小程序,多个view绑定相同点击事件,如何绑定当前view??

微信小程序,多个view绑定相同点击事件,如何让点击的view执行点击事件,其它的view不执行点击事件??

微信小程序的src图片加载多张就不渲染

``` <view wx:if="{{item.commentPics.length>0}}"> <image src="{{item.commentPics}}" data-list='{{item.commentPics}}' data-src="{{item.commentPics}}" bindtap="imgOpen" data-index='{{index}}' mode="aspectFill"/> </view> ``` ![两个数据图片链接拿到数据错误图片说明](https://img-ask.csdn.net/upload/201811/06/1541491400_939163.png) ![单个没问题](https://img-ask.csdn.net/upload/201811/06/1541491483_297659.png) ``` //图片点击预览事件 imgOpen: function (e) { var src = e.currentTarget.dataset.src;//获取data-src var imgList = e.currentTarget.dataset.list;//获取data-list var str = ""; var newArr = []; str = src + "," + imgList console.log(str) newArr = str.split(',') wx.previewImage({ current: newArr, urls:newArr, success: function(res) { }, }) }, ```

微信小程序怎么把wx:fox循环出来的值,怎么传到下个页面。这个值是一大段html

微信小程序怎么把wx:fox循环出来的值,怎么传到下个页面。这个值是一大段html。各位大大看看

微信小程序后台连接数据库

想完成搜索功能,但在哪写search.php呢?微信小程序里没找到.php 文件啊

微信小程序上如何实现文字滚动

微信小程序上如何实现文字滚动,类似于那种新闻公告那种效果![图片说明](https://img-ask.csdn.net/upload/201705/19/1495174454_23527.png)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

将一个接口响应时间从2s优化到 200ms以内的一个案例

一、背景 在开发联调阶段发现一个接口的响应时间特别长,经常超时,囧… 本文讲讲是如何定位到性能瓶颈以及修改的思路,将该接口从 2 s 左右优化到 200ms 以内 。 二、步骤 2.1 定位 定位性能瓶颈有两个思路,一个是通过工具去监控,一个是通过经验去猜想。 2.1.1 工具监控 就工具而言,推荐使用 arthas ,用到的是 trace 命令 具体安装步骤很简单,大家自行研究。 我的使用步骤是...

学历低,无法胜任工作,大佬告诉你应该怎么做

微信上收到一位读者小涛的留言,大致的意思是自己只有高中学历,经过培训后找到了一份工作,但很难胜任,考虑要不要辞职找一份他能力可以胜任的实习工作。下面是他留言的一部分内容: 二哥,我是 2016 年高中毕业的,考上了大学但没去成,主要是因为当时家里经济条件不太允许。 打工了三年后想学一门技术,就去培训了。培训的学校比较垃圾,现在非常后悔没去正规一点的机构培训。 去年 11 月份来北京找到了一份工...

JVM内存结构和Java内存模型别再傻傻分不清了

JVM内存结构和Java内存模型都是面试的热点问题,名字看感觉都差不多,网上有些博客也都把这两个概念混着用,实际上他们之间差别还是挺大的。 通俗点说,JVM内存结构是与JVM的内部存储结构相关,而Java内存模型是与多线程编程相关,本文针对这两个总是被混用的概念展开讲解。 JVM内存结构 JVM构成 说到JVM内存结构,就不会只是说内存结构的5个分区,而是会延展到整个JVM相关的问题,所以先了解下

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Google 与微软的浏览器之争

浏览器再现“神仙打架”。整理 | 屠敏头图 | CSDN 下载自东方 IC出品 | CSDN(ID:CSDNnews)从 IE 到 Chrome,再从 Chrome 到 Edge,微软与...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

立即提问
相关内容推荐