在微信小程序的开发过程中,经常会遇到需要从页面的data数据中获取某个特定item的情况。data对象是微信小程序页面中用于存储页面数据的,它可以通过this.data进行访问。 一、基础访问方式 假设我们的data对象中有如下数据结构: ```javascript Page({ data:{ items:[{ id:1, name:"Item1" },{ id:2, name:"Ite...
切换标签页后还需要改变当前标签页对应的tab-item的样式,将文本颜色和底部的线条颜色设为红色,表示当前标签页处于活跃状态。下面通过判断变量tab的值,来为当前活跃的data-item增加一个active样式,具体代码如下 <viewclass="tab-item {{item==0?'active':''}}"bindtap="changeItem"data-item="0">音乐推荐器</v...
--item是index.js中已定义的值,data-item是个人自定义的名字,data-name、data-id都可以-->{{item.name}}</block></view> 代码语言:javascript 复制 // index.jsPage({data:{// path中的 02 是一条错误示范pages:[{name:"01_初体验",path:"/pages/01test/index"},{name:"02_页面配置",path:"pag...
item就是小程序默认的前缀,后面的名字是你数组中拿到的属性值的名字 接下来 传参跳转。 mall.wxml: <view class="goods" catchtap="onDetail" data-bzId="{{item._id}}"> 绑定一个onDetail方法,使用data-属性名来绑定该商品的id给bzId 关于data- 官方文档给的解释很明白 我的理解就是绑定上一个参数 mal...
小程序list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。如下图所示: 解析出来的结果如下图: 我们看到它在元素上绑定了一个checkSchoolLogin事件,触发这个事件时需要获取该元素的id值,我们如何获取呢? 先不急着知道方法,我们先用下面的方法看它点击的时候返回了一些什么数据: ...
<template is="post-item" data="{{...item}}" ></template> </view> </block> 这是js onPostTap: function (event) { var postId = event.currentTarget.dataset.postid; wx.navigateTo({ url: 'post-detail/post-detail?id='+postId,
事件触发时获取数据 handleInput: function(e) { // {item:100} console.log(e.currentTarget.dataset) // 输入框的值 console.log(e.detail.value); } 9. WXSS( WeiXin Style Sheets )是⼀套样式语⾔,⽤于描述 WXML 的组件样式。 与相⽐,WXSS 扩展的特性有: 响应式⻓度单位 rpx 样式...
self.moreinfo.item[key].value = value return Reflect.set(target, key, value, receiver) } }) 项目中input是遍历出来的,遍历moreinfo.item 这样就实现了。上面的js要写在onLoad中,如果在data中写的话,会发生问题,当页面第二次打开时,saveinfo便不再是代理,而变成了{},结果便不能正常改变数据的值。
2.驼峰命名,例子:data-postID 但是在微信小程序里所有的大写字母会自动转换为小写。 1 2 3 4 5 6 7 8 9 10 11 12 13 在页面的onLoad函数获得查询参数 页面之间参数传递使用URL方式,方法如下: 1、在页面标签中 标记: data-post-id={{item.postId}} 2、在页面js文件中获取Id: const pid = ...