Rumah > hujung hadapan web > View.js > Arahan yang digunakan untuk gelung dalam vue ialah

Arahan yang digunakan untuk gelung dalam vue ialah

下次还敢
Lepaskan: 2024-04-30 02:24:11
asal
523 orang telah melayarinya

Arahan dalam Vue untuk menggelung melalui tatasusunan data atau objek ialah v-for, dan sintaks ialah . Parameter termasuk: item item yang dilalui, indeks indeks pilihan dan item data yang akan dilalui.

Arahan yang digunakan untuk gelung dalam vue ialah

Arahan untuk menggelung dalam Vue

Vue menggunakan arahan v-for untuk menggelung melalui tatasusunan data atau objek. v-for 指令进行循环遍历数据数组或对象。

语法:

<code class="html"><template v-for="(item, index) in items"></template></code>
Salin selepas log masuk

参数:

  • item:当前循环项
  • index:当前循环项的索引(可选)
  • items
Sintaks:

<code class="html"><ul>
  <li v-for="item in items">{{ item }}</li>
</ul></code>
Salin selepas log masuk

Parameter:
    • item: item gelung semasa
  1. indeks: indeks item gelung semasa ( pilihan)
    item: Tatasusunan data atau objek yang akan dilalui
  1. Penggunaan:
  1. Merentasi tatasusunan:
🎜
<code class="html"><ul>
  <li v-for="(value, key) in object">{{ key }}: {{ value }}</li>
</ul></code>
Salin selepas log masuk
🎜🎜 melintasi objek 🎜
<code class="html"><ul>
  <li v-for="(item, index) in items">{{ index + 1 }}. {{ item }}</li>
</ul></code>
Salin selepas log masuk
🎜 🎜🎜Indeks Gelung: 🎜🎜🎜rrreee

Atas ialah kandungan terperinci Arahan yang digunakan untuk gelung dalam vue ialah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan