功能:点击某一项,底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件,其次需要添加自定义属性 data-* = {{index}} ,以便在函数中获取到被点击item项的index索引值 有关自定义属性参考 https://zhidao.baidu.com ...
先附上官方解释: https: developers.weixin.qq.com miniprogram dev framework view wxml list.html 然后附上自己的一点点发现,俺新手,大拿见笑。 从wxml向js文件传递数据时,尤其是处理点击事件需要携带数据时,可以使用data xxxx属性。 微信会自动创建相应变量,在e.currentTagert.dataset下面。 ...
2018-12-06 09:44 0 4525 推荐指数:
功能:点击某一项,底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件,其次需要添加自定义属性 data-* = {{index}} ,以便在函数中获取到被点击item项的index索引值 有关自定义属性参考 https://zhidao.baidu.com ...
(event.currentTarget.dataset.index) 方式获取索引一直是NaN,注意这 ...
js代码 wxml代码 ...
图解微信小程序---获取电影列表 代码笔记 list跳转 第一步:编写前端页面获取相关的电影列表参数(对于显示参数不熟悉,可以先写js,通过console Log的方式获取我们电影的相关数据字段,后再重新编写我们的电影列表页面) 第二步:编写我们的js获取我们电影列表的相关数据(注意 ...
在一个微信小程序中 避免不了的就是在多个页面获取数据,而且还会在不同的页面获取相同的数据,写起来就是一大坨,看着就不愉快 那么今天说一下 这个方法 wx.setStorage(OBJECT) 这个方法可以很好的 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容 ...
1.wx存储数据到本地以及本地获取数据 存到本地就是存到你的手机 wx.setStorageSync与wx.setStorage 1.1 wx.setStorageSync(string key, any data)(同步) 参数 string key: 本地缓存中指定的 key ...
效果图: wxml代码: WCSS代码: js代码 点击右侧的字母会自动滚动到对应的位置。 ...
代码源自于:微信小程序示例官方 index.wxml index.css index.js 点击下载源码:示例-小程序展开收缩列表 ...