第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue數(shù)組嵌套數(shù)組的問題

vue數(shù)組嵌套數(shù)組的問題

幕布斯6054654 2019-03-14 18:15:57
如圖,餅干、健康零食、早點下午茶、中式糕點、西式糕點是外層的數(shù)組,用v-for來完成,但是數(shù)組里面還有一個數(shù)組,這個還是用v-for嗎?應該怎么做?我就是在v-for里面又用了一個v-for,代碼如下模板<li  class="productclassificationlist"  v-for="list in productclassification">  <div class="sublist_wrap">      <span>{{ list.classificationname }}</span>      <div class="icon"></div>      <ul>         <li            v-for="item in classification">            <a href="">                <span>{{ list.item.food }}</span>            </a>         </li>         <li class="div_clear"></li>      </ul>      <div class="div_clear"></div>  </div></li>jsproductclassification: [                    {                        classificationname: '餅干',                        classification: [                            { food: '曲奇' },                            { food: '威化' },                            { food: '夾心餅干' },                            { food: '焦糖餅干' }                        ]                    },                    {                        classificationname: '健康零食'                    },                    {                        classificationname: '早點下午茶'                    },                    {                        classificationname: '中式糕點'                    },                    {                        classificationname: '西式糕點'                    }                ]然后瀏覽器就報錯了求助大神,why?
查看完整描述

7 回答

?
嗶嗶one

TA貢獻1854條經(jīng)驗 獲得超8個贊

你在第一個for循環(huán)吧productclassification 作為list循環(huán),你第二個循環(huán)就要以list.classification來循環(huán)


查看完整回答
反對 回復 2019-04-10
?
夢里花落0921

TA貢獻1772條經(jīng)驗 獲得超6個贊

classification改為list.classification,原因你應該能知道的。


查看完整回答
反對 回復 2019-04-10
?
呼喚遠方

TA貢獻1856條經(jīng)驗 獲得超11個贊

第二個v-for應該是v-for="item1 in item.classification


查看完整回答
反對 回復 2019-04-10
?
三國紛爭

TA貢獻1804條經(jīng)驗 獲得超7個贊

<ul id="itany">

    <li class="productclassificationlist" v-for="list in productclassification">

        <div class="sublist_wrap">

            <span>{{ list.classificationname }}</span>

            <div class="icon"></div>

            <ul>

                <li v-for="item in list.classification">

                    <a href="">

                        <span>{{ item.food }}</span>

                    </a>

                </li>

                <li class="div_clear"></li>

            </ul>

            <div class="div_clear"></div>

        </div>

    </li>

</ul>

換下list的位置到根元素就對了,這是因為根元素的作用域塊才能找到list


查看完整回答
反對 回復 2019-04-10
?
HUH函數(shù)

TA貢獻1836條經(jīng)驗 獲得超4個贊

把item in list.classification 改成 item in JSON.parse(list.classification) 我是這樣的可以用了


查看完整回答
反對 回復 2019-04-10
?
慕容3067478

TA貢獻1773條經(jīng)驗 獲得超3個贊

請先將變量在data中返回, 可以點報錯鏈接 看下文檔


查看完整回答
反對 回復 2019-04-10
  • 7 回答
  • 0 關注
  • 2147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號