如何获取for循环出来的组件对象，并修改属性
发布于 5 年前 作者 axiang 10635 次浏览 来自 问答

比如我循环出10个view   我要点击任意一个  被点击的view背景颜色变红   没被点击的  全部变白

2 回复

view中 class="{{clickId==index?‘red’:‘white’}}",在点击函数里更新data中的clickId就行了

  1. 用于 for 循环的每个数组元素都要包含一个识别号（id，用于识别特定的 view）和一个颜色值（用于设置 view 的背景色）。

  2. 渲染的时候通过 data-view-id 把识别号也渲染到每个 view 里面去。用 bindtap 挂接点击响应函数。

  3. 在点击响应函数里通过 event.currentTarget.dataset.viewId 识别出是哪个 view 被点击，并通过 page.setData 修改对应的颜色值。

回到顶部