vue，tab切换，页面渲染，mpvue

Question

         <!-- 菜单列表 -->            
        <div class="menulist">
            <!-- 左侧 -->
                <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>

            <!-- 右侧 -->
            <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>
想要实现一个外卖列表的效果，这是我的代码

怎么将右边对应的渲染出来。{{menu[selected].cate_name}}这样为什么出不来，切换时候对应的selected已经出来了

这是后台返回的数据格式。求大神指教。。。

Answer 1

看看html结构中的menu是什么，
selected是什么
再看
menu[selected]
看看是否渲染出来了。

Answer 2

http://jsfiddle.net/5yezqjg2/

看起来是view标签的问题，目前只找到这个说明view。

另外对比http://jsfiddle.net/bs8cqrht/ 看起来是vue对view标签做了什么。