1.定义 setData()函数用于将逻辑层数据发送到视图层,同时对应的改变this.data的值. 2.setData()参数格式 接受一个对象,以键(key)值(value)的方式改变值. 其中,key十分灵活,以数据路径的方式给出 -- array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义. 3.实例 Page({ data: { text: 'init data', array: [{text: 'init data'}], object: {

<微信小程序七日谈>系列文章: 第一天:人生若只如初见: 第二天:你可能要抛弃原来的响应式开发思维: 第三天:玩转Page组件的生命周期: 第四天:页面路径最多五层?导航可以这么玩 上篇文章第一天:人生若只如初见简单记录了笔者初步上手开发微信小程序遇到的一些问题,其中提到了wxss的部分细节问题.这篇文章以笔者在开发小程序响应式UI当中遇到的一些问题为例,简单记录一下使用wxss为响应式开发带来的一些模式和思维上的改变. rem的重定义 前端工程师对rem非常熟悉,rem是以html元素的fo

微信小程序分享功能的实现方法有两种: 第一种 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: function () { return { title: '弹出分享时显示的分享标题', desc: '分享页面的内容', path: '/page/user?id=123' // 路径,传递参数到指定页面. } } 第二种 自定义按钮实现分享,在page中添加一个带有open-type=’share’的button标签

本文转自:http://blog.csdn.net/qq_31383345/article/details/52795212 微信小程序的页面跳转,页面之间传递参数笔记. CSDN微信小程序开发专栏,欢迎关注! 先上demo图: 为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面. 目录如下: 三个页面,但是代码很简单.直接上代码. <span style="font-size:24px;"><!--index.wxml--&g

问题描述: 微信小程序:跳转页面时传参,参数过长导致参数丢失 跳转到文章详情页时,使用的文章链接e.currentTarget.dataset.id过长导致参数丢失 handleClickArticle: function (e) { wx.navigateTo({ url: '/pages/index/articleinfo/articleinfo?urllink=' + e.currentTarget.dataset.id }) }, 解决方案: 调用微信的API,将参数编码传送,解码接收,

官方实例:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object 官方实例代码如下: Page({ onShareAppMessage() { const promise = new Promise(resolve => { setTimeout(() => { resolve({ title: '自定义转发标题' }) }, 2000) }

如何注册接入小程序及搭建开发环境 小程序接入流程 注册 主要分为注册邮箱与信息登记. 需要重新申请一个新的微信公众帐号,不能使用服务号.订阅号或企业号使用的公众帐号 (微信公众帐号分为四种类型:订阅号,服务号,企业号,小程序) 申请Url:https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN 官方文档:https://mp.weixin.qq.com/debug/wxadoc/introduction/i

一开始以为微信小程序的语法是和VUE的语法一样的,直接@click="click(field)",结果却不是这样的 在微信小程序中我们需要设置一个 data-set ,然后在绑定的函数中访问 e.target.dataset 现在贴代码 <picker bindchange="formChange" data-field="type"> formChange(e) { console.log(e.target.dataset.fiel

垂死病中惊坐起,笑问 Bug 何处来?! 1.先是大写字母作祟 前两天发布了「柒留言」v2.0.0 新版本,结果...你懂的嘛,没有 Bug 的程序不是好程序,写不出 Bug 的程序员不是好程序员. 那个,有一两个小 Bug 很正常的啦. 有用户反馈,收到了留言回复的通知,但是点进去没有内容.怎么会有 Bug 呢?肯定是你用的方法不对. ​ 下班回到家的我立马打开开发者工具,一测试发现,果然,我是不可能写不出 Bug 的. 写 Bug 是一把好手,找 Bug 我也是不赖的,最后原因定位:参数没有

前言: 之前使用 setData,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的. 最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档.发现 setData还有一个非必填的参数 callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新data中的数据的时候,同步在回调函数中进行相应操作,这比更新数据和后续操作分开写好多了. Page.prototype.setData(Obje

现在学会小程序,这方面的知识,需要积累. 现在的情况是这样: 如果想从后端获取产品列表,而这些列表是可以根据分类来获取的,也是可以获取所有产品的. 那么,为了不使小程序报错,那么,我们就可以将不传的参数设默认值为0,然后,传到后端. var objectId = options.title||'所有商品'; var cat_id = options.cat_id||0; var ptype = options.ptype||0; var brandId = options.brandId||0;

在需要页面之间传递多个参数的时候,需要用&链接起来,上一页的正确跳转代码如下: var that = this; wx.navigateTo({ url: '../../pages/myListDetail/myListDetail?idx=' + that.data.currentTab + '&parameterId=' + that.data.parameterId+'&888='+888 }) 打印目标页面的onLoad函数的事件: onLoad: function (op

小程序不方便之处: 1: 想做个获取列表中每个item所在的对应滚动条的高度在哪里,或者元素本身的高度也不好获取,极其不方便,网上看的别人做的滚动条相关的,都是写死或者已知的item高度,目前没找到正确的方式,也可能是打开方式不对. 2:当点击某个按钮的时候想要获取当前滚动条的高度位置,不方便,只能在监听滚动条时刻滚动的时候获取最新的值存起来.这样的操作setData太耗费性能,毕竟view model跟js core做交互成本不低. 3:接着上一条,不能监听onPageScrol 滚动条停止滚

第一个页面: go_pick_time:function(e){ var that = this; var type = e.currentTarget.dataset.type; wx.navigateTo({ url : '/pages/record/picktime?type=' + type }); }, onShow: function () { var that = this; console.log(that.data); // 这里就可以抓取到设置的值 let { on_type

在page中有如下数组 data: { info:[ { name:"yuki", tou:"../img/head.jpg", zGong:130, gMoney:222222 }, { name: "yuki", tou: "../img/head.jpg", zGong: 130, gMoney:222222 }, { name: "yuki", tou: "../img/head.jpg&

在一般的函数中: bindFaChange1: function (e) { console.log('picker发送选择改变,携带值为', e.detail.value) this.setData({ index1: e.detail.value }) } this.setData是正确的. 但当在函数中有个请求(wx.request)时: formSubmit: function (e) { wx.request({ method: 'POST', header: header, url:

假如现在要给数组marker中的对象属性赋值 data: { marker: [ { latitude: ' ' , longitude: ' ' } ] },   在方法中的写法为   fetchJobInfor ( ) { let  lat = 'marker[0].latitude' let  lon = 'marker[0].longitude' this.setData({ [lat]:  ' 赋值1 ', [lon]: ' 赋值2 ' }) }

原创文章 1. Page({    data: {      items:{ //items为一个对象,is_like和like分别为其两个属性     is_like: 0,    like: 0  } },   likes: function () { var is_like ="items.is_like"; //先用一个变量,把items.is_like用字符串拼接起来 var like = "items.like"; if (this.data.items

page({ data:{ s1:{a:"",b:"b"} }, changeData:function(e){ var cData=this.data.s1; cData.a="1";//先修改json值 this.setData({ //再set值 s1:cData }) } })

Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { let _page = this; let config = { api: 'www.playsort.cn' } let configApi = config.api; /** * 为何我们的设置到页面上有的需要加分号? 因为会报错 * 1.怎么解决? 加分号设置到页面上 * 2.怎么解决? 用一个变量保存值,再设置到页面