小程序多个标签点击高亮和取值

标签数据在data中定义， 因为还要点击高亮， 所以同时给个状态值

页面循环渲染出来

点击事件bindtap='select',

绑定class: class="{{item.isSelect?'active':'select'}}", 点击的时候改变类名

自定义dataset :data-index="{{index}}"

样式效果

JS部份

到这儿, 高亮的就已经写好了. 怎么取值呢? 下面还有一个保存按钮. 给保存按钮一个点击事件:

1.定义一个空数据

2.遍历上边的data里的selectall数组, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下标.

看打印结果

用图片查看器。

进入微信小程序 设置——默认应用——照片查看器——选择Windows照片查看器，首先图片双击打开的默认软件要是照片查看器，用ctrl同时选中需要打印的所有图片，单击右键选全选，点击钩选就可以了就可以了。

1.执行请求时使用wx.showLoading

util.js文件

index.js文件（需要的js文件）

2.页面跳转时，由于小程序的页面跳转并不是很快，可以选择用加载框，也可以限制按钮或控件的点击间隔的方式处理（更合适）

util.js文件

index.js

或

直接wxml中判断，不需要在index.js中 *** 作

index.wxml

---