1.需求说明 点击 “加号图片” 上传图片,需要知道点击的是第几个图片,动态的修改src数组,这里图片用的 wx:for 循环出来的 2.遇到问题 按照官方最新文档循环的方式,索引值是以  wx:for-index="index" 方式写的,以   parseInt(event.currentTarget.dataset.index)  方式获取索引一直是NaN,注意这里用的是currentTarget,而不是target. 这里说一下他们的区别:target指向发生事件的组件,cur

wxml: data-参数名="值" bindtap="函数名" <view class="buy-button {{cap_select == 100 ? 'zp-active': ''}}" data-cap="100" bindtap="choose_cap"> <text>100ML \n (2两)</text> </view> JS: choose_

<---------------------------------------------------index文件夹:---------------------------------------------------> wxml页面: <navigator url="{{item.url}}"> <view>………</view> </navigator >   js页面: Page({ data:{ slide: []

1.事件绑定 在微信小程序中,事件的绑定依附于组件,当事件触发时,就会执行事件对应的处理函数. 我们回到前几章中的例子,将index页面调整为首页(app.json中调整pages数组元素的顺序),此时我们希望,点击页面中的"Hello World"字样,能够跳转到我们之前写的Welcome页面中去: 首先来说明一下事件的绑定形式: 事件绑定依附于组件,所以其绑定的写法和组件的属性写法是类似的,以key.value形式 key以bind或catch开头并跟上事件类型,如bindtap.

在微信小程序中,要想获取元素的属性值,需要用到 bindtap事件,如果想要正确获取到属性值,对属性的命名还有一定要求 如下是正确的方式data-money-Num="9.93": <view class="weui-msg__desc msg_text">我的<text class="msg_text">余额9.93元,</text><navigator url="javascript:voi

微信小程序点击控制元素的显示与隐藏 首先我们先来看一下单个点击效果 我们来看一下wxml中的代码: <view class="conten"> <view class="header"> <view class="nav_i"> <text class="nav_tex">更多内容</text> </view> <view class="n

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大.上/下一张 上代码 wxml代码 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{images}}"> <image src="{{item}}" data-src="{{item}}" bindtap="previewImage

前言: 微信小程序中的事件绑定和Vue中的事件绑定其实有很多的相似之处,所以如果有过Vue相关的经验,学起来的话还是比较容易的. js代码: // 页面级的js文件必须调用Page函数来注册页面, // 否则你的页面将无法正常渲染 Page({ parent() { console.log('parent') }, father() { console.log('father') }, son() { console.log('son') } }) wxss代码: (也就是对应的样式) .par

前言. 微信小程序的运行环境不是在浏览器下运行的.所以不能以cookie来维护登录态.下面我就来说说我根据官方给出的方法来写出的维护登录态的方法吧. 一.登录态维护 官方的文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject 通过 wx.login() 获取到用户登录态之后,需要维护登录态.开发者要注意不应该直接把 session_key.openid 等字段作为用户的标识或者 sessio

微信小程序事件的使用方式 在组件中绑定一个事件处理函数. 如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数. <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view> 在相应的Page定义中写上相应的事件处理函数,参数是event. Page({ tapName: function(event)

微信小程序获取openid 新建一个微信小程序项目 注意要注册一个自己的小程序账号,并有属于自己的appid 点击云开发按钮,自行填入开发环境名称 打开app.js,找到依赖环境 修改为刚才设置的环境ID 右击login,选择上传并部署(不上传node_modudes) 右击顶部环境选择当前环境 点击获取openid

在微信小程序中要保存图片到本地相册,需要获取相册权限. 总之整个功能实现下来需要如下几个小程序的API:wx.getSetting,wx.authorize,wx.openSetting,wx.downloadFile,wx.saveImageToPhotosAlbum 但是在openSetting 和 downloadFile 会有坑! openSetting,[打开小程序设置页]有坑,是官方的问题,这里出现授权弹框,如果你点击拒绝再次引导授权流程弹框不会立马弹出(官方解释说因为频繁代用授权会

微信小程序要求所有网络请求都走ssl加密,因此我们开发服务端接口需要配置为https 这篇文章介绍一下如何 在 startssl 申请一个免费的ca证书. 1. 打开网站  https://www.startssl.com/ ,用邮箱注册一个账号并登陆,这一步就不介绍了 2. 点击申请免费证书 下一步点击生成dv 证书 3. 输入你的域名和 csr 这里的csr需要自己生成一下. 可以用他提供的 startcomtool.exe 生成,或者直接运行命令 openssl req -newkey r

微信小程序的开发工具,在新建项目的时候,默认提示填写APP ID,如果不填写AppID 也是可以本地测试和开发的,但是无法通过手机调试,只能在开发工具里查看 如果需要真机调试微信小程序,需要安装微信6.3.30 版本才能使用 ------ 本文原文链接 http://www.cnblogs.com/likwo/p/6054490.html 好推微信小程序统计 - 最专业的微信小程序统计工具,并提供免费微信https云后台 http://weixin.hotapp.cn ------ 那从哪获取微

本文转自:http://blog.csdn.net/qq_31383345/article/details/53014610 今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml <!--index.wxml--> <button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> <ima

众所周知,微信小程序的代码安全性很弱,很容易被别人反编译获取源码.我自己的小程序也被别人反编译拿到源码还上线了,非常无语. 既然客户端不好防范,服务端还是可以做点手脚的. 小程序的Referer是不可以更改的,从手机上发出的请求的Referer一般是这样 https://servicewechat.com/wx05ac2038cb1a1286/1000/page-frame.html 结构很清晰,可以分为四部分: https://servicewechat.com是小程序的域名,wx05ac20

微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度.如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢? 微信小程序中并没有提供这样的API,但是没关系,有wx.getLocation()得到的经纬度作为基础就够了,其他的,我们可以使用其他第三方地图服务可以来实现,比如腾讯地图或百度地图的API. 以腾讯地图为例,我们可以去腾讯地图开放平台注册一个账号,然后在它的管理后台创建一个密钥(key). 然后在顶部菜单里

思路: 1.小程序端获取用户ID,发送至后台 2.后台查询用户ID,如果找到了该用户,返回Token,没找到该用户,保存到数据库,并返回Token 小程序端如何获取用户ID: 小程序端 wx.getUserInfo() 可以获取到用户信息 其中 encryptedData 解密之后可以得到微信 UnionID,那么如何解密 encryptedData 微信提供的解密 DEMO 包含4个版本:C++,Node,PHP,Python,Python需要安装pycryptodome. 解密 encryp

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_119 我们知道openid是微信用户验证的重要标识,支付功能严重依赖这个东西,之前我们做微信支付的时候是通过在微信客户端直接调用官方接口,通过传code参数来调用,下面这样 getOpenId(){ //获取用户的openid let _this=this; wx.login({ success(res) { if (res.code) { // 发起网络请求 wx.request({ url: 'https://api.we

最近在研究微信小程序,被这个返回顶层给坑了一波,下面贴代码 wxml代码: <scroll-view scroll-y style="height: 1000rpx;" scroll-top="50" enable-back-to-top="true" scroll-top="{{scrollTop.scroll_top}}" bindscroll="scrollTopFun"> <blo

1.微信小程CheckBox选中问题 <checkbox-group bindchange="checkboxChange" data-index="{{index}}" data-checks="{{item.checks}}"> <checkbox data-index="{{index}}" id="2" value="{{item.name}}" checked