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

变量的声明:

打开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-参数名称这种形式添加

相关推荐
换日线°12 小时前
NFC标签打开微信小程序
前端·微信小程序
光影少年16 小时前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_9159184117 小时前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074718 小时前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克318 小时前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una18 小时前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro
计算机毕设指导618 小时前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
Jiaberrr18 小时前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
Code王18 小时前
【课程设计/毕业设计】基于springboot +微信小程序的家政服务平台系统基于小程序的家政服务系统安全开发【附源码、数据库、万字文档】
spring boot·小程序·课程设计
CHU72903518 小时前
旧物回收小程序前端功能版块解析:便捷赋能闲置循环
小程序