微信小程序原生写法传递参数

微信小程序原生写法传递参数

data-xxx 自定义参数名 ,接收参数:方法(变量名)

javascript 复制代码
	checkVip:function(event)  {
		let that = this
		console.log(event,'event')
		console.log(event.currentTarget.dataset.idx,'index')
		let index = Number(event.currentTarget.dataset.idx)
		// // this.isChek = index
		let checkMoney = that.data.vipList[index].price
		console.log(checkMoney,'this.checkMoney')
		that.setData({
			isChek: event.currentTarget.dataset.idx,
			checkMoney:that.data.vipList[index].price
		})
		// this.pay_Money = price
	},

如果需要传递多个,可以写多个data-[参数]的方式进行传递

多个参数写法 data-a ,data-b, 接收参数 :方法(变量名)

javascript 复制代码
	checkVip:function(event)  {
		let that = this
		console.log(event.currentTarget.dataset.a,'index1')
		console.log(event.currentTarget.dataset.b,'index2')
	},

建议采用全小写命名,简短短拼~

相关推荐
吃饺子不吃馅4 分钟前
【八股汇总,背就完事】这一次再也不怕webpack面试了
前端·面试·webpack
Amos_Web11 分钟前
Rust实战教程--文件管理命令行工具
前端·rust·全栈
li理20 分钟前
鸿蒙相机开发入门篇(官方实践版)
前端
菜狗的小小笔记_21 分钟前
Vue3 实用技巧
vue.js
webxin66621 分钟前
页面动画和延迟加载动画的实现
前端·javascript
逛逛GitHub34 分钟前
这个牛逼的股票市场平台,在 GitHub 上开源了。
前端·github
细节控菜鸡1 小时前
【排查实录】Web 页面能打开,服务器能通接口,客户端却访问失败?原因全在这!
运维·服务器·前端
duandashuaige1 小时前
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED
javascript·typescript·electron·npm·vue·html
今天头发还在吗1 小时前
React + Ant Design 日期选择器避免显示“Invalid Date“的解决方案
前端·react.js·前端框架·ant design
时雨__2 小时前
利用AndVX6开发流程图——问题总结
前端