1.1.1动态修改页面数据 在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造成数据不一致,代码如下: data: { array: [{ text: '数组' }] } onLoad:function(){ this.data.array[0].text=1; console.log(this.data.array[0].text); } 修改代码: onLoad:func

复选框: 闲话少说,这里直接介绍如何修改小程序提供的复选框的样式,如原生的是这样的: 需要的是这样的: 示例代码: /*复选框外框样式*/ checkbox .wx-checkbox-input { width: 40rpx; height: 40rpx; border: 4rpx solid #999; border-radius: 100%; } /*复选框外框选中样式*/ checkbox .wx-checkbox-input.wx-checkbox-input-checked { bor

微信小程序是可以动态修改页面标题的. 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了 { "navigationBarTitleText": "素材图库" } 效果图如下: 其他动态的也是十分简单,毕竟是提供好了的接口,我们调用一下就行了.接口嘛,那就要操作对应的js文件咯.参考地址 quwei: function () { wx.setNavigationBarTitle({ title: '趣味表情' }) } 点击的时候触

微信小程序的title是在json里面配置的 "navigationBarTitleText": "title名称" 这种title是固定死的不灵活处理一些页面相同title不同的场景就不够用了这个时候就需要动态配置title 微信小程序的setNavigationBarTitle方法可以实现title的动态配置 wx.setNavigationBarTitle({ title: "title名称" }) 这个方法可以写在oLoad里面或者onS

官方文档是这样的: changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ 'array[0].text':'changed data' }) }, changeItemInObject: function(){ this.setData({ 'object.text': 'changed data' }); }, 无奈自己写的时候还是会遇到不能解决的

一.效果图 二.代码 /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked { border-color: #03a9f4; background: #03a9f4; } /* 自定义样式.... */ radio .wx-radio-input { height: 40rpx; width: 40rpx; margin-top: -4rpx; border-radius: 50%;

1.this.setdata修改数组的固定一项的值 changeItemInArr: function() { this.setData({ 'arr[0].text':'changed data' }) }, 2.动态修改数组某一项的值 changeItemInArr: function(index) { let name = `arr[${index}].name` this.setData({ [name]:'changed data' }) }, 3.this.setdata修改对象固定

//app.js App({ onLaunch: function (options) { //设置场景值到缓存中: //wx.setStorageSync("scene", options.scene); //return ; this.globalData.scene = options.scene; }, globalData:{ scene:'' } }) 在页面中获取全局变量: const app = getApp() Page({ //进来加载页面: onLoad(opts

//获取已经打开的页面的数组 var pages = getCurrentPages(); //获取上一个页面的所有的方法和data中的数据  var lastpage = pages[pages.length - 2] //改变上一个页面中的data中的数据  lastpage.setData({  flag: false,  })  var s = this.data.datas //调用上一个页面中的changeData方法 lastpage.changeData(s)

onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '我已0元试用' + this.data.pageTitle + ',你也快来领!', path: '/pages/report/report?reportid=' + this.data.reportid } }, 2.点击按钮来分享 <button cla

假如用户注册后,获得用户手机号和userid,realName默认为0,然后进入B页面进行实名认证,认证成功后realName变为1,再更新缓存里的用户信息. A页面用户注册后,存储用户信息: var obj = {}; obj.phone = res.data.data.phone; obj.userid = res.data.data.userId; obj.realName = res.data.data.isRealName; wx.setStorageSync('user', obj)

未选中时的样式 checkbox .wx-checkbox-input { border-radius: 50%; height: 30rpx; width: 30rpx; margin-top: -4rpx; border: 1rpx solid #ccc; background-color: #fff; overflow: hidden; } 选中后的样式 checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { bord

this.setData({'judge[current]':true}); 以此句进行修改值,会报错 Error: Only digits (0-9) can be put inside [] in the path string: judge[current] 但实际上current变量,为整型,打印出来的值为0 this.setData({'judge[0]':true}); 而把current直接以0代替,就不会有问题. 想请教一下各位大佬这是怎么回事?难道是在setData里不用以变量

<view> <rich-text nodes="{{delcon}}" /> </view> data: { delcon:'' }, var result = '你的数据图片';  // 这里是富文本数据 const regex = new RegExp('<img'); // 正则判断 if(regex.test(result)){  //  如果有   就进入 result = result.replace(/\<img/gi, 

可以使用setNavigationBarTitle方法动态设置页面标题 wx.setNavigationBarTitle({ title: options.name, })

一. 脚本部分: 1. 表达式无效的处理: 如果你发现自己编写的表达式无效或者数据不展示,那么请先检查你的表达式是否有添加{{}},小程序中全部都要添加的,只要是在模板中调用js中的数据 2. 获取元素位置问题: 微信小程序是基于数据的,不支持DOM和BOM,所以没有提供获取元素位置的方法. 虽然有提供滚动事件.触摸事件,也只能获取触摸点相关的位置,并不能直接获取元素的位置,暂时还没摸索到合适替代方案. 3. 单击事件传值: 在小程序中,你无法再像h5那种直接在单击事件方法中传参了,它只提供了b

准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书. 域名注册 如果您还没有域名,可以在腾讯云上选购,过程可以参考下面的视频. 视频 - 在腾讯云上购买域名 域名解析 域名购买完成后, 需要将域名解析到实验云主机上,实验云主机的 IP 为: <您的 CVM IP 地址> 在腾讯云购买的域名,可以到控制台添加解析记录,过程可参考下面的视频: 视频 - 如何在腾讯云上解析域名 域名设置解析后需要过一段时间才

写在前面 参考答案及资源在看云平台发布,如果大家想领取资源以及查看答案,可直接前去购买.一次购买永久可看,文档长期更新!有什么意见与建议欢迎您及时联系作者或留言回复! 文档描述 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序.并有热点框架(vue react node.js 全栈)前端资源以及后端视频资源和源码并基于前端进阶和面试的需求 总结了常用插件和js算法以及53道html/css 和71道js热点面试题 并总结了热点React/ES6/Vue面试题 对于

最近做了个"罗孚传车"的小程序 一时兴起,做了一个小程序,将个人收集的同汽车相关的行业资讯和学习资料,分享到小程序中,既作为历史资料保存,又提供给更多的人学习和了解,还能装一下:) 扫描下方小程序码可以体验一下 主页面: 文章页: 个人页: 关于页: 当然,还和我的公众号罗孚传说关联了: 为什么要做微信小程序? 1.微信中经常收到一些不错的文章,我想保存并整理,同时还能分享给别人看. 2.做一个微信小程序其实不难,但可以装装装(你懂的). 怎么做微信小程序? 简单的来说:WordPre

自WordPress版微信小程序发布开源以来,受关注的程度超过我原来的想象.这套程序主要面对的用户是wordpress网站的站长,如果wordpress站想在微信的生态圈得到推广,小程序成为一种重要的渠道.随着使用WordPress版微信小程序的人越来越多,针对这套程序(包括wordpress插件)的安装和使用的问题也增加了,有些问题比较简单,都是常识,有些问题只要认真去看我的撰写的文档,都可以得到答案.为了更好进行必要的技术支持,我建了一个微信群,抽时间回答相关的技术问题,但毕竟我的时间有限,