vue，tab切換，頁面渲染，mpvue

         <!-- 菜單列表 -->            
        <div class="menulist">
            <!-- 左側(cè) -->
                <scroll-view scroll-y="true"  class="left" >
                  <block v-for="item in menu" :key="item">
                    <view class="menuList">
                      <view class="menu" :class="selected==index?'selected':''" :data-index="index" @click="turnMenu">
                          {{item.cate_name}}
                      </view>
                    </view>
                  </block>
                </scroll-view>

            <!-- 右側(cè) -->
            <scroll-view class="right" scroll-y="true">
                <!-- <view class="title">{{menu[selected].cate_name}}</view> -->
                <view class="title">{{selected}}</view>
              <block v-for="(item,k) in menu" :key="k">
                <navigator url="/pages/shoppingdetail/main">
                <view class="food">
                
                </view>
                </navigator>
              </block>
            </scroll-view>
想要實現(xiàn)一個外賣列表的效果，這是我的代碼

怎么將右邊對應(yīng)的渲染出來。{{menu[selected].cate_name}}這樣為什么出不來，切換時候?qū)?yīng)的selected已經(jīng)出來了

這是后臺返回的數(shù)據(jù)格式。求大神指教。。。