微信小程序中，点击wx:for渲染的数据，view里的文字颜色改变、展示不同的内容

用wx:for渲染数据，不确定有多少条数据，要使得点击当前数据获取当前数据的下一级数据，描述可能会不太清楚，就是实现图中这种功能：


wxml代码：

<!-- 这是要展示的规格 -->
<view wx:for="{
  {spec}}" wx:key="id" bindtap='selShopTc' data-index="{
  {index}}" style='{
  {key==index?"color:red;":""}} z-index:999;' class='spec'>
  <view>{
  {item.title}}</view>
</view>
<!-- 这是默认展示的价格 -->
<view wx:if="{
  {boolean == true}}">
  <text>￥100</text>
</view>
<!--这是不同规格要展示的价格-->
<view wx:if="{
  {boolean == false}}">
  <text> {
  {r}}{