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

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

页面循环渲染出来

点击事件bindtap='select',

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

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

样式效果

JS部份

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

1.定义一个空数据

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

看打印结果

class里面有三个类元素：

row、border-item-1、 pad-10

这三个元素的样式 如果你都引入了，他就都乎帆执行

如果你就用到某一隐没样样式，你就去掉不想要的元素就可以了。

希望对你有帮灶顷纳助！

1、双击打亩扰开微信小程序开发工具，新建一个对应的界面，然迅升旦后插入多个view元素，并添加class属性，如下图所示：

2、没有给这些view样式，然后保存代码并预览效果，结果出现从上到下排列，如下图所示：

3、在对应的wxss文件中，设置表格的表头和表体的样式，如下图所示：

4、再次保存代码并在模拟器中预览效果，发现形成了表格，如下图所示：

5、在thtd添加一个border-bottom属性，设置底部边框属性，如下图所示：

6、结果发现最后一行的底部边框展示的有点笑嫌粗，是因为table和td设置了边框，加粗了，如下图所示：

---