微信小程序学习笔记

客官°小女子只卖身不卖艺 2022-02-19 11:09 299阅读 0赞

页面跳转可以用js点击事件wx.navigateTo（\{url：‘…’\}）来实现，也可以直接用`<navigator url=’...’></navigator>`来操作

在app.json里配置2级页面（主页面跳转的页面），就可以使用页面跳转（无关放置位置，只要路径正确）

This.setData(\{\})可以直接修改数据

微信小程序不能自适应图片大小，可以在image里添加mode=“widthFix”，然后设置image的width为100%即可，这个设置是宽度不变（和屏幕一样宽度，也可以改变宽度，或给固定宽度），高度自适应

小程序里要增加或者删除一个class（很多的事件都可以这样来写，例如菜单和对应的内容，加减点击），可以在js的data设置一个值（如0），然后再wxml里元素标签下写\{ \{navigationswitch== ‘3’ ? ‘col’ : ‘’\}\}（这段写在class里） 如果这个值==3的话 就添加这个class

小程序点击菜单打开下一个（同模板下的不同区域），可以用url带参数（url+key=value），在js的onLoad里获取到该url传来的值var value=options.key;在用this.setData（\{\}）来修改值，实现点击不同菜单显示同一页面不同内容的区域

微信小程序中循环数据用wx:for=\{ \{xxx\}\}，并且数据要渲染用\{ \{item.xxx\}\}，也可以用wx:for-item=xxx,给其命名

微信小程序循环出来的数据，要得到该数据的长度，在wxml里使用\{ \{xxx.length\}\}来获取该数据的长度

微信小程序用this.setData（\{\}）修改数组里的值时，var updata=“xxx\[”+下标+"\].count";this.setData（\{\[updata\]:value\}）

在节点上绑定一个事件和一个自定义值（data-xxx）,js要获取到改自定义的值用e.target.dataset.xxx;或者用currentTarget  
e.target.id 获取到该点击节点的id

页面传值：  
1、点击跳转网页的时候，把需要传的值赋在url?后，然后再跳转后的页面onLoad：function（options）\{this.setData(\{对象名：options.url?后的参数名\})\}即可  
2、A页面page下的data里写上要传送的key：value，点击页面跳转事件的时候wx.setStorageSync(‘key’, this.data.key)；B页面page下的data添加一个要接收A页面传来value的key，在onLoad里this.setData(\{value:wx.getStorageSync(‘username’)\})，就可以在B页面的wxml里直接用\{ \{key\}\}使用A页面传来的value

在元素绑定一个**catchtap**事件，可以阻止父元素在该元素上的事件（阻止冒泡）。  
例：在text上的noClose点击不会触发父元素view的close事件

**最后，如果我的笔记对您有帮助，请给我一个赞~ 谢谢！**