将索引方法改成data-index="{{index}}" index的用法就是 取出每个数组的下标 如: data-index=“{{index}}” 就是取出wx:for="{{UpImgSrcIcon}}" UpImgSrcIcon这个数组里的每个下标。 当点击事件运行时e.currentTarget.dataset.index 就可以取到当前遍历出来 点击的数组的下标...
实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1生成值 <imagesrc="../../../images/icon_delete.png"/><text>删除</text>//在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap="delete"<viewdata-index="{{index}}"bindtap="delete">...
在wxml的text标签里,我绑定了data-index属性,之后在父级标签动态绑定了class:{{crt==index?'current':''}},在js里创建了一个crt来接收下标,并把currentIndex函数里num的值实时传给crt,这样就保证了点击哪一个选项下边都是相等的,最后用了三元表达式来动态赋值给class,这样功能就实现了,下一步是右边数据展示和左...
小程序中bindtap绑定方法时不能传参数。所以组件通过data-xxx传递数据。 <viewclass="btn"data-index="{{index}}"bindtap="del1">删除</view> 后台从e.currentTarget.dataset对象中,获取通过data-xxx绑定的属性。 注意:自定义属性的命名用驼峰或者大写命名,小程序内部会自动转成小写。 del(e){//解构出自定义的...
微信小程序开发里面的data 的赋值与取值。工具/原料 微信web开发者工具 微信小程序开发者账号 方法/步骤 1 首先我们建立一个项目，填写上小程序的APPID以及项目名称和路径地址。2 我们打开对应位置的js文件，我们这里以index.js为例子说明。在图中data: { motto: 'Hello World', userInfo: {}, has...
<!--用data-index记录这个数据在数组的下标位置,使用data-id设置每个item的id值,供打开2级页面使用--> <view class="nav_left_items {{curNav == item.id ? 'active' : ''}}" bindtap="switchRightTab" data-index="{{index}}" data-id="{{item.id}}">{{item.tree.desc}}</view> ...
第二步:在index.js里面写: //index.js Page({ data: { // text:"这是一个页面" }, onLoad:function(options) { // 页面初始化 options为页面跳转所带来的参数 }, onReady:function() { // 页面渲染完成 }, onShow:function() { // 页面显示 ...
index.wxml: <view bind:tap="oneTap">我是view</view> 1. index.js: Page({ oneTap: function(event){ console.log(event); } }) 1. 2. 3. 4. 5. 好了,这个是没有嵌套结构关系时的情况,接下来我模拟一个嵌套关系的场景,代码如下:
点击时选中,再点击又变成没选中状态,其实就是改变 selected 字段。通过 data-index="{{index}}" 把当前商品在列表数组中的下标传给事件。 代码语言:javascript 复制 selectList(e){constindex=e.currentTarget.dataset.index;// 获取data- 传进来的indexletcarts=this.data.carts;// 获取购物车列表constselected=...
2 新建一个project小程序项目，用于讲解微信小程序如何获得数据库数据。3 在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在index.wxml页面。4 在index模块中index.js页面，在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递...