Bagaimana untuk menggelung melalui objek dalam vue

Untuk menggelungkan objek dalam Vue, anda boleh menggunakan arahan v-for Sintaks arahan ialah: v-for="item in object". Setiap nilai sifat boleh diberikan dengan mengakses sifat objek (notasi titik atau tanda kurungan segi empat sama) dan terikat pada sifat objek menggunakan arahan v-bind.

Cara untuk menggelung melalui objek dalam Vue

Untuk menggelung melalui objek dalam Vue, anda boleh menggunakan arahan v-for. Arahan ini berguna untuk mengulang tatasusunan dan objek.

Sintaks:

<code><template v-for="item in object">
  <!-- 渲染项 -->
</template></code>

Contoh:

Andaikan anda mempunyai objek bernama user dengan sifat berikut:

<code class="javascript">const user = {
  name: 'Jane Doe',
  age: 30,
  occupation: 'Software Engineer'
};</code>

Untuk melelaran ke atas objek ini, anda boleh menggunakan kod hartanah berikut:

<code class="html"><template v-for="property in user">
  <p>{{ property }}: {{ user[property] }}</p>
</template></code>

Ini akan menjana output berikut:

<code class="html"><p>name: Jane Doe</p>
<p>age: 30</p>
<p>occupation: Software Engineer</p></code>

Nota:

Anda boleh mengakses sifat objek menggunakan tatatanda titik atau tanda kurungan segi empat sama.
• Arahan v-for boleh digunakan bersama-sama dengan arahan v-bind untuk mengikat sifat objek. Contohnya:

<code class="html"><p v-bind:title="user[property]">{{ property }}</p></code>

Atas ialah kandungan terperinci Bagaimana untuk menggelung melalui objek dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!