Vue,tab toggle, page rendering, mpvue

         <!--  -->            
        <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>

clipboard.png


clipboard.png

this is the data format returned by the background. Ask the great god for advice.

Mar.21,2021

look at what menu is in the html structure, and what is
selected
and then look at
menu [selected]
to see if it is rendered.


http://jsfiddle.net/5yezqjg2/

seems to be a problem with the view tag, which is the only description found so far view .

also compare what http://jsfiddle.net/bs8cqrht/ looks like vue to the view tag.

Menu