鍍金池/ 問答/數(shù)據(jù)庫(kù)  HTML/ v-for 和 style綁定一起用的時(shí)候存在問題

v-for 和 style綁定一起用的時(shí)候存在問題

用v-for展開數(shù)據(jù)的時(shí)候，style綁定的樣式不能展開。

<div v-for="item in data7" :style="{top:item.location}"></div>

在最后展開的結(jié)果中，只要有第一個(gè)div綁定了style的內(nèi)聯(lián)樣式，而其余的div根本沒有style屬性顯示出來(lái)。

回答
編輯回答
小眼睛

item.location為true的情況下，top才會(huì)綁定

2018年4月24日 20:58
編輯回答
枕頭人

不清楚你的數(shù)據(jù)長(zhǎng)什么樣，萬(wàn)一你的location為非法值或不存在呢

2018年5月26日 07:08
編輯回答
汐顏

如果你的data7數(shù)據(jù)結(jié)構(gòu)里面的location是number，那么要在綁定的style后面跟上單位px

data7:[
    {location:11},
    {location:12},
    {location:13}
]
<div v-for="item in data7" :style="{top:item.location+'px'}"></div>
2017年3月2日 05:17