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

小程序多个标签点击高亮和取值,第1张

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

页面循环渲染出来
点击事件bindtap='select',
绑定class: class="{{itemisSelect'active':'select'}}", 点击的时候改变类名
自定义dataset :data-index="{{index}}"

样式效果

JS部份

到这儿, 高亮的就已经写好了 怎么取值呢 下面还有一个保存按钮 给保存按钮一个点击事件:
1定义一个空数据
2遍历上边的data里的selectall数组, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下标

看打印结果

以上就是关于小程序多个标签点击高亮和取值全部的内容,包括:小程序多个标签点击高亮和取值、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10640788.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-10
下一篇2023-05-10

发表评论

登录后才能评论

评论列表(0条)

    保存