亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

v-for="item of list" 并沒有循環list的元素,而是根據list的長度循環了list中所有內容,如何解決呢?

<div id="first">https://img1.sycdn.imooc.com//5d0dcbd600013cbf02700086.jpg

? ? ? ?<ul>

? ? ? ? ? ?<li v-for="item of list">{{list}}</li>

? ? ? ?</ul>

? ? </div>


? ? <script>

? ? ? ? new Vue({

? ? ? ? ? ? el:"#first",

? ? ? ? ? ? data:{

? ? ? ? ? ? ? ? show:true,

? ? ? ? ? ? ? ? list: [0,2,3]

? ? ? ? ? ? }

? ? ? ? })

? ? </script>


正在回答

3 回答

個人理解這里其實類似

個人理解,如果js有基礎的話

const list = [0,2,3]

for(item of list){

return item

}

此時list還是一個數組,而item才是數組通過循環出來具體的值,所有插入表達式里面不能是{{list}}而是{{item}}

v-for感覺就是一個for of循環

0 回復 有任何疑惑可以回復我~

這里的list就是定義好的列表,{{list}}輸出列表,而不是數據(item才是列表中的個數據)

1 回復 有任何疑惑可以回復我~

//你的第三行寫錯了,{{list}}改為{{item}},這個list是專有的,指代列表,item才是數據

<div id="first">

? ? ? ?<ul>

? ? ? ? ? ?<li v-for="item of list">{{item}}</li>

? ? ? ?</ul>

? ? </div>


? ? <script>

? ? ? ? new Vue({

? ? ? ? ? ? el:"#first",

? ? ? ? ? ? data:{

? ? ? ? ? ? ? ? show:true,

? ? ? ? ? ? ? ? list: [0,2,3]

? ? ? ? ? ? }

? ? ? ? })

? ? </script>


1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

v-for="item of list" 并沒有循環list的元素,而是根據list的長度循環了list中所有內容,如何解決呢?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號