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

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

Vue v-for判斷是否為第4列，然后加個橫線或者第4行才顯示這一個<li>

Vue v-for判斷是否為第4列，然后加個橫線或者第4行才顯示這一個<li>

瀟瀟雨雨 2018-11-15 18:15:00
<ul id="right-notice">    <li v-for="site in sites">        <span class='time'>{{site.ntime}}</span>        <a title='{{site.qtitle}}'>{{site.ntitle}}</a>    </li>    //  思路一：<li 如果是第4行，在這里加一個什么顯示屬性？></li>    // 思路二，如果是第4行，在這里插入一個`<hr>`是否可行</ul>初學(xué)vue,翻了好久，沒有解決問題，特來求助。望前輩們指點(diǎn)
查看完整描述

1 回答

?
阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個贊

<ul id="right-notice">

    <li v-for="(site, index) in sites">

        <span class='time'>{{site.ntime}}</span>

        <a title='{{site.qtitle}}'>{{site.ntitle}}</a>

        <hr v-if="!((index + 1) % 4)" />

    </li>

</ul>

  1. 其中，用(site, index) in sites代替site in sites，index為獲取到的元素順序。

  2. 這里用到了v-if。其中對于index值為3（第四項(xiàng)）,7（第八項(xiàng)），11（第十二項(xiàng)）... （4的倍數(shù)項(xiàng)），需要顯示hr，對于這些值，(index + 1) % 4為0，所以!((index + 1) % 4)為true，顯示hr?！具@里index按順序從0開始計數(shù)，所以index + 1為表示當(dāng)前site在sites數(shù)組中是第幾個，然后(index + 1) % 4，每滿4，順序數(shù)除以4余數(shù)都為0】

Update:
添加class的方法：（假設(shè)class名叫underline）

<ul id="right-notice">

    <li v-for="(site, index) in sites" :class="{underline: !((index + 1) % 4)}">

        <span class='time'>{{site.ntime}}</span>

        <a title='{{site.qtitle}}'>{{site.ntitle}}</a>

    </li>

</ul>


查看完整回答
反對 回復(fù) 2018-12-23
  • 1 回答
  • 0 關(guān)注
  • 422 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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