vue中,使用v-for进行后端数据向前台渲染时,排好的版面错乱
原因:在li上使用v-for,而非ul
<ul>
<li v-for="(v,i) in data" :key="i">
<img src="../../assets/everyday1.jpg" alt="" />
<p>{{v.title}}</p>
<p>{{v.price}}</p>
</li>
</ul>
vue中,使用v-for进行后端数据向前台渲染时,排好的版面错乱
原因:在li上使用v-for,而非ul
<ul>
<li v-for="(v,i) in data" :key="i">
<img src="../../assets/everyday1.jpg" alt="" />
<p>{{v.title}}</p>
<p>{{v.price}}</p>
</li>
</ul>