按照官方最新文档循环的方式,索引值是以  wx:for-index="index" 方式写的, 以   parseInt(event.currentTarget.dataset.index)  方式获取索引一直是NaN,注意这里用的是currentTarget,而不是target. 这里说一下他们的区别:target指向发生事件的组件,currentTarget指向绑定事件的组件 1.currentTarget:绑定的事件当前元素及其子元素都会触发 2.target: 绑定的事件 子元

通过小程序官方文档可知:Page() 函数用来注册一个页面.接受一个 object 参数,其指定页面的初始数据.生命周期函数.事件处理函数等.其中的参数data用来设置初始数据,WXML 中的动态数据均来自对应 Page 的 data. 所以如果页面需要显示动态数据必须要把数据更新到data中对应的变量中.页面js文件中这么写: Page({ data: { message: 'Hello MINA!' } }) wxml中这么写: <view> {{ message }} </view

因为在做一个小程序的demo时.由于不向后台请求数据,所以就涉及到对本地数据的操作,现在就做一些数组的增删 //添加新元素 addItemFn: function () { var { lists } = this.data; var newData = { text: "新的元素" }; lists.push(newData); this.setData({ lists: lists }) } //删除新元素 delItemFn: function (e) { var { lists

功能:点击某一项,底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件,其次需要添加自定义属性 data-* = {{index}} ,以便在函数中获取到被点击item项的index索引值 有关自定义属性参考 https://zhidao.baidu.com/question/750591828956209172.html 代码如下: 查看打印的e: 官方微信开发文档新方法说明地址:https://developers.weixin.qq.com/miniprogr

微信小程序 生命周期函数 小程序中 判断当前首页是从其他页面返回,还是由入口打开 由于小程序的数据在我们退出小程序时并没有得到释放,因此再次点击开来数据依然没有变成初始化 解决方法:在小程序 data 数据中声明一个变量 isClose 默认为 true 用于判断 是否为从入口打开,当点击跳转页面或者关闭小程序的时候,会触发 OnHide 函数在此函数中将判断 isClose is true 的时候即为关闭之后在打开,当跳转页面时首先将 isClose 设置为 false, 这样 触发 OnHi

这几天在官网文档中发现小程序也支持索引了链接,就是是在根目录下新建sitemap.json 文件. { "rules": [ { "action": "allow", "page": "*" } ] } 表示所有页面都会被微信索引,其他页面不会被索引. 关于完整配置项说明,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sit

0==小程序的结构和组件 1==小程序常用组件:text文本属性 3==小程序UI组件view的属性hover 鼠标点击出现的效果hover 4==小程序ui组件button按钮组件的属性 5==小程序ui组件input输入框的属性 6==小程序ui组件image属性 7==小程序中的样式1rpx=0丶5px=1物理像素 8==小程序中的样式使用@import相对路径导入即可 9==小程序全局配置文件appJSON的作用 10==小程序window节点的常用配置项 11==小程序tabBar的节

开发百度小程序后,接下来,人们最想做的是让百度更多的录入自家内容.因为小程序资源被索引后,才可能在搜索结果中展现. 百度也提供了小程序的自然搜索提交入口.一共有两种方式: 第一种是用已有的H5网站资源替换,这种的录入速度应该非常快速,百度小程序平台将优先对 H5站点下的 TOP 流量 URL进行替换处理. 第二种提交新资源,接下来我们主要讲这第二种情况. -----------------------------------------------------------------------

内容那么多,这个页面到底做了什么? 第一:解决微信文档APi文档使用不便: 第二:解决了内容搜索与索引:—— 最好是写成全文索引文档,但是比较需要时间,而且更新是一件麻烦的事:所以以下是直接 连接官网查看的: 第三:解决了完整性:—— 当你看文档时,无法掌握整体:这里可能更容易记忆目录整体: 第四:不一定每个人阅读后,都有作用!—— 可能本文档与你无缘: 目录2017-12-1911:37:56 网络 媒体 文件 数据缓存 位置 设备 界面 WXML节点信息 第三方平台 开放接口 数据 调试接口

Page({ data: { todoLists:[ { detail:"", date:"", location:"", priority:"", remark:"", dateStatus:false, locationStatus:false, dateRepeat:false, completeStatus: false, currentInput:"", }, { detail

今日在开发小程序地图的过程中,遇到一个问题,困扰了我一会 业务如下: 困扰点: 我不知道如何修改data中数组包含的对象是如何修改的:期初的想法还是想共享上面的数据,想的太简单了 正确的解决步骤: 直接修改对象的某个属性的方式 修改data里的数组或对象的属性 值得注意的是: 需要使用单引号:否则会报错哦!!! 其实我一直困扰这个地方

使用wepy框架写小程序, data赋值这里不需要使用this.setData({}),例如: data:{ x:'' }, 在你为data里面的数据进行绑定的时候,是需要的. 比如data里面你定义了一个x='',然后你在自定义的方法里面用this.x=200 之后,需要用this.$apply()来进行数据绑定.这样你在view中绑定data中的x变量时,才会有200,不然就是空 不过有个前提,method里面的方法是不用这个的,但methods里面只能放bindtap这类方法,所以你自己定

一.摘要 小程序中我们会经常使用到this.data与this.setData.其中this.data是用来获取页面data对象的,而this.setData是用来更新界面的.那么他们之间的区别与联系你真的搞懂了吗? 二.正文 this.data可以获取页面data对象,但是它返回的对象到底是新的对象还是仅仅只是一个引用呐.这个很关键,在日常开发中很可能因为不知道或者是自己的疏忽导致bug,而且很难排查原因.带着这个疑问我们来做一下试验.由于时间比较紧,博主就不单独写demo了,项目中可能有大量

问题:数据层与UI不同步 微信小程序也采用UI绑定数据源的形式,根据以前做WPF的经验,直觉上认为修改了数据层(Page.data)后,UI会自动更新,然而实验发现数据层修改后UI层未修改,导致数据层与UI不同步的情况. 查看官方文档Q&A,第一项就是该问题的说明,不能直接操作Page.data!需要改用Page.setData来修改数据,才能同步到UI! 另外w3cschool的教程中,对UI与数据源的绑定,Page.setData的使用也有一个很好的例子. https://www.w3csc

1微信的request的post请求后台获取不到data(当初这个问题纠结了好久好久),原因是post传递的data是json格式而不是key,value的格式,所以获取不到相应的data就是post请求应为表单模式的data,微信小程序提供的datajson格式完全获取不到. 解决方法: 1.改变header header: {'Content-Type': 'application/json;charset=UTF-8;'}, 2.query的格式传递post请求就可以了,不过这个有点..你

前言:在小程序的开发中,我们在view中便利data中数组或对象时,很多情况下需要在js中动态改变数组或者对象中某一香的属性值. 效果图: 我给大家总结了案例如下:   wxml如下: <scroll-view class='hd-cont' scroll-x="true" style='width: 100%'> <view wx:for="{{sDate}}" wx:key="{{index}}" class='date-c

最近在学习微信小程序云开发,刚一开始就遇到了问题. 点击获取openid的时候控制台开始报错: [云函数] [login] user openid:  undefined VM97:1 Setting data field "openid" to undefined is invalid. 然后我开始去百度搜索解决这个问题,各种方法都试过了,还是没有解决.换了一个思路,开始追踪代码: 鼠标悬停到右边的 index.js:55,发现是/pages/index/index.js文件的第55

摘要: 小程序索引选择器,点击跳转相应条目,索引可滑动,滑动也可跳转 场景:城市选择列表, 汽车品牌选择列表 所用组件: scroll-view(小程序原生) https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 所用API: wx.getSystemInfo     https://developers.weixin.qq.com/miniprogram/dev/api/base/system/s

由于疫情原因目前处于半下岗状态,在家的时候就研究起了小程序开发.由于是新手,所以总会遇到各种问题,顺便记录一下. wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { this.data.messageId } else if (res.cancel) { console.log('用户点击取消') } } }) 如果这么写,会遇到"Cannot read property 'dat

Q:小程序怎么把页面data里的数据传到另外的页面? 或者小程序怎么吧表单里的数据传到另外的页面?A:1.可以使用url传递数据. 例如在A页面中传递数据,需要注意的是,wx.switchTab中的url不能传参数. wx.navigateTo({url:'../pageB/pageB?name=raymond&gender=male'}).在B页面中接收数据,通过onLoad的option:Page({onLoad:function(option){console.log(option.nam

最近开始开发小程序,遇到许多小问题,直奔主题. wx.request()是微信封装的ajax请求方法,也是小程序中ajax唯一的一个方法,被放在了API文档的第一个位置,的确使用率是最高的. 但是wx.request()并非像jquery中的$.ajax()一样,它还需要开发者在具体情况中做一些调整. 在直接发送POST请求时,请求成功,可以触发success回调,但是请求到的数据为空.这其中的问题出在https请求的header上.(上图为header未设置时的情况) 当把请求header的c