vue.js v-for下面可以再接一個v-for嗎?<nav class="order-item-items" id="order-item-items"> <a href="#" class="text-center" v-for="item in items">
<img :src="item.iconPath" alt=""><p>{{item.name}}</p>
</a></nav>導(dǎo)航欄里面的內(nèi)容我渲染出來了,然后我想的是把nav渲染循環(huán)兩次 我把代碼改成這樣<div class="order-item-box" id="order-item-box"> <template v-for="item in itemBox">
<nav class="order-item-items" id="order-item-items">
<a href="#" class="text-center" v-for="item in items">
<img :src="item.iconPath" alt=""><p>{{item.name}}</p>
</a>
</nav>
</template></div>然后控制臺報錯 [Vue warn]: Cannot find element: #order-item-items是什么地方?jīng)]寫對呢?js代碼就寫了nav下的渲染js修改了一下整個nav是有了兩個,但是nav下面渲染的(代付款這些標題和圖片)不在了
關(guān)于vue.js中的條件渲染v-for
幕布斯6054654
2018-10-12 14:10:42