最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue使用v-for循環(huán)獲取數(shù)組最后一項

 更新時間：2024年03月20日 10:24:05   作者：傲太白  
這篇文章主要介紹了vue使用v-for循環(huán)獲取數(shù)組最后一項問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

使用v-for循環(huán)獲取數(shù)組最后一項

<span v-for="(item,i) in list" >
      <i style="display: none" v-if="i!=0">/</i>
      <i >{{item}}</i>
      <br/>
 </span>

假設(shè)我們不知道list的大小，想在用/分割，但是最后一個卻不需要，我們可以使用以上做法

<span v-for="(item,i) in list" >
      <i >{{item}}</i>
      <i style="display: none" v-if="i!=list.length-1">/</i>
      <br/>
 </span>

假設(shè)我們知道list的大小，想在用/分割，但是最后一個卻不需要，我們可以使用以上做法

vue v-for 判斷是否是最后一個

在Vue中，可以使用 $index 和 $last 屬性來判斷 v-for 中的元素是否是最后一個。

例如：

<ul>
  <li v-for="(item, index) in items" :key="index">
    {{ item.name }}
    <span v-if="index !== items.length - 1">|</span> <!-- 判斷是否是最后一個 -->
  </li>
</ul>

上面的代碼中，v-if 判斷當(dāng)前元素的索引 index 是否等于 items 數(shù)組的最后一個元素的索引 items.length - 1，如果不是最后一個元素，則顯示 | 分隔符。

另外，還可以使用 $last 屬性來判斷是否是最后一個元素

例如：

<ul>
  <li v-for="(item, index) in items" :key="index">
    {{ item.name }}
    <span v-if="!$last">|</span> <!-- 判斷是否是最后一個 -->
  </li>
</ul>

上面的代碼中，v-if 判斷當(dāng)前元素是否為 v-for 中的最后一個元素，如果不是最后一個元素，則顯示 | 分隔符。

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

博白县| 仁寿县| 莱西市| 乌海市| 泸州市| 栾川县| 兴义市| 临夏县| 集安市| 基隆市| 澄迈县| 资兴市| 张家港市| 巴楚县| 中江县| 美姑县| 仁寿县| 蓝田县| 合肥市| 乡城县| 甘泉县| 鸡西市| 积石山| 闽清县| 广宁县| 清涧县| 时尚| 杭锦旗| 三都| 车致| 都江堰市| 宝应县| 玉山县| 宝丰县| 佳木斯市| 巴楚县| 桃江县| 印江| 邵武市| 巴林右旗| 健康|