首页 > 编程语言 >微信小程序开发手册(一)

微信小程序开发手册(一)

时间:2023-09-23 20:01:06浏览次数:43  
标签:index 微信 2020.03 程序开发 手册 gou data mxc

微信小程序中的this.setData()

以前竟然都没注意这个: 我们可能经常性的写出这样的data:

data: {
    listt:[
      {
        text: "本周阻止辅导员职业技能大赛生情熟知和谈心谈话比赛",
        date: "2020.03.03-2020.03.20",
        mxc_gou:''
      },
      {
        text: "由孟笑晨真德帅独家冠名播出的XXXX活动火热进行中",
        date: "2020.03.04-2020.04.11",
        mxc_gou:''
      }
    ],
  },

但是问题来了,我们需要修改某(每)一项的属性mxc_gou的时候却发现禁止访问! 原因是涉及到了嵌套!我们采用模板字符串解决:

this.setData({
        [`listt[${index}].mxc_gou`]: '√',
        [`listt[${index}].del`]:'yes'
      })

微信小程序获取input框内容

有两种方法:

  1. form标签内事件bindsubmit
  2. 对每一项input都调用一个bindinput事件,将值传到data中
<form bindsubmit='loginForm'>
  <text class='login-title'>用户登录:</text>
  <input type='text' name='username' placeholder="请输入用户名"></input>
  <input type='password' name='password' placeholder="请输入账号密码"></input>
  <view class='ligin-button'>
    <button formType="submit" type='primary'>点击提交</button>
    <button formType="reset" type='primary'>重置数据表单</button>
  </view>
</form>

//js中
const { username, password }=e.detail.value;
<input class='create-title' placeholder="投票标题" bindinput="voteTitle"></input>

Page({
  data: {
    voteTitle: null,
  },
  voteTitle: function(e){
    this.data.voteTitle = e.detail.value;
  },
})

数组去重

//对数组arr
/**
*	self:指向数组
*	index:值,指向下标
*	e:指向(数组中)元素
*/
var r=arr.filter(function(e,index,self){
	return self.indexOf(e)==index;
});

标签:index,微信,2020.03,程序开发,手册,gou,data,mxc
From: https://blog.51cto.com/u_15296224/7580704

相关文章

  • 外卖小程序开发指南:打造完美的点餐体验
    第一步:项目设置和初始化首先,您需要选择一个适合您的开发平台,例如微信小程序、支付宝小程序或其他移动应用平台。接下来,创建一个新的小程序项目,并初始化所需的文件和目录。示例代码(微信小程序)://app.js-小程序的入口文件App({//小程序初始化onLaunch:function(){/......
  • uniapp,微信小程序确认收货组件的使用
    直接上代码//拉起确认收货组件if(wx.openBusinessView){wx.openBusinessView({businessType:'weappOrderConfirm',extraData:{//merchant_id:'1230000109',//用户交易商户号//merchant_trade_no:"1234323JKHDFE1243252",//商户......
  • AES-256-ECB PKCS7Padding 解密 微信退款接口
    微信退款通知https://pay.weixin.qq.com/wiki/doc/api/wxpay/ch/pay/OfficialPayMent/chapter8_8.shtml需要的pom<!--https://mvnrepository.com/artifact/commons-codec/commons-codec--> <dependency> <groupId>commons-codec</groupId> <......
  • ubuntu上使用微信界面太小
    一开始:小小的也很可爱呢后来使用命令调整envWINEPREFIX="$HOME/.ukylin-wine/wechat"/usr/bin/ukylin-winewinecfg 进入wine设置界面将分辨率调高,设置虚拟桌面,就可以勉勉强强用了。 还是很难用!!!哭......
  • 微信获取用户信息
    微信有2个ACCESS_TOKEN,1,基础接口的token获取接口是 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET 2,用户网页授权access_token获取接口地址是 https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&s......
  • 超越钉钉与企业微信:如何选择一款更适合企业的私有化即时通讯软件
    在现代企业中,高效的沟通与协作是成功的关键。钉钉与企业微信作为知名的即时通讯软件,为企业带来了许多便利。然而,在一些特定场景和对数据安全性要求更高的企业来说,选择一款更适合自身需求的私有化即时通讯软件才是最佳选择。WorkPlus作为领先的品牌,致力于提供满足企业需求的私有化即......
  • 靶场通关手册_DVWA
    DVWA ❤️暴力破解❤️暴力破解(BruteForce)也称为穷举法,是一种针对于密码的破译方法,即将密码进行逐个推算直到找出真正的密码为止。理论上这种方法可以破解任何一种密码,问题只在于如何缩短试错时间。1.Low级别(1)用户名为admin,密码随便输入,用Burp抓包(2)将抓到的数据包发送到i......
  • Linux运维指南丨5种Linux安装包管理工具中文手册
    本篇介绍常见Linux操作系统的安装包管理工具,主要介绍其使用命令。包管理系统除了安装软件外,它还提供了工具来更新已经安装的包。包存储库有助于确保你系统中使用的代码是经过审查的,并且软件的安装版本已经得到了开发人员和包维护人员的认可。dpkgUbuntu、Debian......
  • 微信小程序:获取不到表单数据
    今天碰到了一件让我怀疑人生的事情:获取不到表单的数据,但是productName能获取到数据,其他的都获取不到数据,而且他们的写法一模一样。<viewclass="contain"style="margin-bottom:200rpx;"><formbindsubmit="formSubmit"><viewclass="row2"sty......
  • 微信小程序全局变量(globalData)和缓存(StorageSync)的区别和用法
    globalData和storage的区别一、app.globalData是全局变量,下次进入的时候,就要重新获取,一般用于:1、保存一些可能涉及安全类的数据,例如资源类,每次需要很准确的,就建议用全局变量。2、全局变量每次关闭小程序重新打开的时候,都会进行初始化更新。二、缓存(StorageSync)本地存储,storage......