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

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

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')
	},

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

相关推荐
南山安几秒前
从零开始玩转 AIGC:用 Node.js 调用 OpenAI 接口实现图像生成与销售数据分析
javascript·node.js
用户4099322502122 分钟前
快速入门Vue3的v-指令:数据和DOM的“翻译官”到底有多少本事?
前端·ai编程·trae
Asort2 分钟前
JavaScript设计模式(二十三)——访问者模式:优雅地扩展对象结构
前端·javascript·设计模式
星辰h11 分钟前
基于JWT的RESTful登录系统实现
前端·spring boot·后端·mysql·restful·jwt
诸葛韩信13 分钟前
我们项目中如何运用vueuse
javascript
要加油哦~13 分钟前
前端笔试题 | 整理&总结 ing | 跨域 + fetch + credentials(携带cookie)
前端
用户92904127685513 分钟前
在 react 中单独使用 kityformula-editor
javascript·react.js
一 乐15 分钟前
口腔健康系统|口腔医疗|基于java和小程序的口腔健康系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·小程序·毕设
旺财是只喵15 分钟前
vue项目里使用3D模型
前端·vue.js
golang学习记19 分钟前
从0死磕全栈之使用 Next.js 构建高性能单页应用(SPA)
前端