功能是当点击某个选项时，那个选项就高亮，大概是这样的：
查阅资料发现可以在标签里设置data-index，绑定一个点击事件，传参ev，通过ev.target.dataset.index来取;
在wxml的text标签里，我绑定了data-index属性，之后在父级标签动态绑定了class:{{crt==index?'current':''}}，在js里创建了一个crt来接收下标，并把currentIndex函数里num的值实时传给crt，这样就保证了点击哪一个选项下边都是相等的，最后用了三元表达式来动态赋值给class，这样功能就实现了，下一步是右边数据展示和左右侧的联动，坑还很多，加油
功能是当点击某个选项时，那个选项就高亮，大概是这样的： 查阅资料发现可以在标签里设置data-index，绑定一个...
一 只有两种样式的情况 //使用三目运算符 1. 小程序可以通过写 data-index="{{index}}" 来绑定数据（data后面这个可以取任意名字，...
小程序获取节点绑定数据data-index方法
微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...
摘要：微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、...
以button为列子：WXML里面： 其中wx:for="{{zheng}}"，zheng是从后台请求的数组，it...
微信小程序不支持html中的上标 与下标 标签元素，当我们需要显示数学符号或者单位符号中上下标时，只有自己定义cs...
微信小程序开发系列教程 微信小程序开发系列一：微信小程序的申请和开发环境的搭建 微信小程序开发系列二：微信小程序的...
微信小程序 外卖demo 微信小程序demo：课程列表 微信小程序demo：宅男社区 微信小程序——日历（支持农历...
本文标题：微信小程序：data-index取下标动态控制class
本文链接：https://www.haomeiwen.com/subject/hryjyqtx.html
网友评论