微信小程序事件 bindtap @import 修改js

最新推荐文章于 2025-07-09 09:13:44 发布
原创 最新推荐文章于 2025-07-09 09:13:44 发布 · 8.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

1、bindtap 冒泡反应（从里往外），catchtap可以中断冒泡反应；

2、@import "common.wxss";必须放在最前面，放在代码后不生效；

3、修改wxml和wxss修改保存就好，修改js得重启生效；



微信小程序技术交流：593634347


                

        

    

    
  



    



                



	

		

			

				
					
微信小程序：bindtap传参

				
			

			

				

					DeliaWen的博客
				

				

					07-01
					
					3048
					
				

			

		

		

			
				
wxml:
使用自定义参数data-，可以通过dataset拿到对应的值
<image src="del.png" bindtap="openConfirm" data-name="出行情况{{idx+1}}"></image>

js:
如上，可以通过e.currentTarget.dataset.name拿到data-name里的值
openConfirm(e){
    var curname = e.currentTarget.dataset.name;
    wx.sho

			
		

	



                

            
              



	

		

			

				
					
微信小程序原生实现课程表

				
			

			

				

					09-14
				

			

		

		

			
				
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。在这个“微信小程序原生实现课程表”项目中，我们将探讨如何利用微信小程序的原生特性来...

			
		

	



              


  
              

                


	

		

			

				
					
微信小程序实现bindtap等事件传参

				
			

			

				

					10-17
				

			

		

		

			
				
主要介绍了微信小程序实现bindtap等事件传参，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
微信小程序 bindtap 传参

				
			

			

				

					01-07
				

			

		

		

			
				
微信小程序 bindtap 传参
//index.wxml
//index.js
page({
	data:{
	},
	changeIndex(e){
		console.log(e.currentTarget.dataset.src); //我是固定参数
	}
});

可以看出 参数是通过给标签设置   data-参数名=“参数值”    自定义属性的方式 来传递的 例如想传递两个参数
//index.wxml
//index.js
page({
	data:{
	},
	changeIndex(e){
		console.log(e.currentTarget.dataset.src1

			
		

	



		

			
		



	

		

			

				
					
微信小程序交互精髓：点击操作与状态管理实战

					
最新发布

				
			

			

				

					2201_75786273的博客
				

				

					07-09
					
					772
					
				

			

		

		

			
				
点击交互是小程序用户体验的基础，掌握事件绑定、状态管理和样式切换的核心原理，能让你应对各种复杂场景。记住 "数据驱动视图" 的核心思想，通过修改数据而非直接操作 DOM 来实现交互效果，这是小程序开发的最佳实践。

			
		

	





	

		

			

				
					
微信小程序-bindtap等事件传参

					
热门推荐

				
			

			

				

					前端向朔
				

				

					03-01
					
					21万+
					
				

			

		

		

			
				
什么是事件
  事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 
  事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。  
  事件对象可以携带额外信息，如 id, dataset, touches。
看图，因为需要传递的数据比较多，所以我们通过dataset携带参数信息。如果只有一个参数，可以通过id来传递。详解（以常见的tap点击事情为例）

			
		

	





	

		

			

				
					
微信小程序示例小相册

				
			

			

				

					08-10
				

			

		

		

			
				
"微信小程序示例 - 小相册" 是一个典型的微信小程序开发教程或项目，它通过实际的代码示例帮助开发者了解如何利用微信小程序API和框架构建一个图片浏览应用。  在JavaScript开发微信小程序的过程中，主要涉及以下几...

			
		

	





	

		

			

				
					
微信小程序引入模块中wxml、wxss、js的方法示例

				
			

			

				

					12-08
				

			

		

		

			
				
这涉及到对WXML（微信小程序的标记语言）、WXSS（样式表语言）和JS（JavaScript）文件的管理和引用。以下是一个关于如何在微信小程序中引入模块的详细步骤和示例。  首先，我们来看一下一个标准的微信小程序目录结构...

			
		

	





	

		

			

				
					
微信小程序数字滚动插件使用详解

				
			

			

				

					08-28
				

			

		

		

			
				
微信小程序数字滚动插件使用详解  微信小程序数字滚动插件是微信小程序中的一种常用的数字滚动效果插件，该插件可以实现数字的滚动效果，例如滚动显示数字的增加或减少。下面将详细介绍微信小程序数字滚动插件的使用...

			
		

	





	

		

			

				
					
详解微信小程序 template添加绑定事件

				
			

			

				

					08-30
				

			

		

		

			
				
在微信小程序中，添加绑定事件的方法是使用bind关键字，例如：<view bindtap="clickView" class="tempClass">temp模板，这里的bindtap是指点击事件，clickView是事件处理函数的名称。事件处理函数可以定义在模板的js...

			
		

	





	

		

			

				
					
微信小程序bindtap事件与冒泡阻止详解

				
			

			

				

					11-30
				

			

		

		

			
				
bindtap就是点击事件
在.wxml文件绑定:

cilck here
在一个组件的属性上添加bindtap并赋予一个值(一个函数名)
当点击该组件时, 会触发相应的函数执行
在后台.js文件中定义tapMessage函数:

//index.js
Page({
 data: {
  mo: 'Hello World!!',
  userid : '1234',
 },
  // 定义函数
 tapMessage: function(event) {
  con

			
		

	





	

		

			

				
					
微信小程序：点击事件（bindtap）传递参数

				
			

			

				

					一些平时在开发过程中遇到的常见问题，分享给大家
				

				

					08-24
					
					3541
					
				

			

		

		

			
				
​
小程序在组件上绑定事件后，传递参数的方式不同于前端其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式，具体实现如下：
​

			
		

	





	

		

			

				
					
【微信小程序---绑定事件bindtap跳转】

				
			

			

				

					m0_56349322的博客
				

				

					02-24
					
					1万+
					
				

			

		

		

			
				
1.所需要跳转的页面进行 bindtap=“f0” 绑定所需要的地方

2.在js页面进行 f0:function(event){函数指向功能}


			
		

	





	

		

			

				
					
微信小程序_bindtap传递参数

				
			

			

				

					博客
				

				

					07-25
					
					2210
					
				

			

		

		

			
				
https://blog.youkuaiyun.com/weixin_44599931/article/details/106075320


			
		

	





	

		

			

				
					
【微信小程序】点击事件bindtap如何传参

				
			

			

				

					十一月廿七风雨大作
				

				

					07-06
					
					6108
					
				

			

		

		

			
				
  报错：
  bindtap在传参时需要用到data-xxx来进行传递参数，正确的形式应当为：

			
		

	





	

		

			

				
					
微信小程序 bindtap绑定如何传参

				
			

			

				

					Haines
				

				

					07-15
					
					2383
					
				

			

		

		

			
				
在写微信小程序代码的时候，对于前端一个组件需要进行前端向后端绑定，我们可以使用bindtap，如下面的例子：


<view bindtap="upload_image">点击上传图片</view>


这里我们使用bindtap进行绑定，填写一个函数叫做upload_image。然后，我们就可以在.js文件中对upload_image函数编写。

那么，我们要如何对upload_image进行参数传递呢？ 像 upload_image(params)这样吗？

很可惜，微信小程序开

			
		

	





	

		

			

				
					
微信小程序点击事件bindtap传参

				
			

			

				

					Guoye的专栏
				

				

					10-11
					
					2887
					
				

			

		

		

			
				
微信小程序bindtap点击事件如何传参。

			
		

	





	

		

			

				
					
微信小程序的bindtap和catch

				
			

			

				

					weixin_41012767的博客
				

				

					11-26
					
					574
					
				

			

		

		

			
				
事件详解

事件分类

事件分为冒泡事件和非冒泡事件：

冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。bindtap
	非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。catch



...

			
		

	





	

		

			

				
					
微信小程序开发教程：校内新闻大图展示

				
			

			

				

					
				

			

		

		

			
				
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。微信小程序校内新闻大图应用，顾名思义，是一个面向校园内部发布的新闻系统，以大图的形式展现...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值