微信小程序开发二(变量和方法)

变量的声明:

打开js文件

如何获取值:打开wxml文件,通过双大括号的形式获取变量值

复制代码
<view>{{mes}}</view>

方法的声明:js文件

复制代码
md(event){
     this.setData({
         count:this.data.count+event.target.dataset.num
     });
  },


md:方法的名称

event:如果有参数过来,通过它来获取,名称写死

this.setData({}):修改变量名称

this.data.变量名称:获取变量值,count是指变量名称

event.target.dataset.参数名称:获取传过来的参数值

如何使用方法和传参:wxml文件

复制代码
<button bindtap="md" data-num="{{1}}">点击加一</button>


button:按钮标签

bindtap:点击事件

data-参数名称:横杠后面跟着的就是参数名称,值要用大括号包着

如果多个参数继续以data-参数名称这种形式添加

相关推荐
攻城狮-申43 分钟前
小程序uview actionSheet 内容过多高度设置
小程序·uview·hb
ybb_ymm2 小时前
从需求开始至架构设计的适用于商家及小吃摊的点餐小程序
小程序·apache
2501_915106322 小时前
HTTPS 爬虫实战指南 从握手原理到反爬应对与流量抓包分析
爬虫·网络协议·ios·小程序·https·uni-app·iphone
2501_916007472 小时前
iOS 上架技术支持全流程解析,从签名配置到使用 开心上架 的实战经验分享
android·macos·ios·小程序·uni-app·cocoa·iphone
阿登林3 小时前
如何利用扣子生成小程序并进行发布指南
小程序·扣子
全职计算机毕业设计4 小时前
基于微信小程序的运动康复中心预约系统的设计与实现(SpringBoot+Vue+Uniapp)
vue.js·spring boot·微信小程序
流***陌12 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
Tencent_TCB12 小时前
云开发CloudBase AI+实战:快速搭建AI小程序全流程指南
人工智能·ai·小程序·ai编程·云开发
说私域15 小时前
“开源AI大模型AI智能名片S2B2C商城小程序”视角下的教育用户策略研究
人工智能·小程序
2501_9160074718 小时前
提升 iOS 26 系统流畅度的实战指南,多工具组合监控
android·macos·ios·小程序·uni-app·cocoa·iphone