Bagaimana cara supaya index di vue js memulai dari angka 1 ?

 <!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

	<div id="app">
		<p v-for="item,index in items"> {{ index }} {{ item.name }}</p>
	</div>

	<script src="js/vue.js"></script>
	<script>
		var vm = new Vue({
			el: "#app",
			data: {
				items: [
					{name: "Mouse"},
					{name: "Pc"},
					{name: "Book"}
				]
			}
		});
	</script>
</body>
</html>

hasilnya : 0 Mouse 1 Pc 2 Book

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

Jawaban Terpilih

bisa menggunakan "++" di depan indexnya bang, jadi

<div id="app">
	<p v-for="item,index in items"> {{ ++index }} {{ item.name }}</p>
</div>

avatar lukmanfreedom
@lukmanfreedom

121 Kontribusi 55 Poin

Dipost 6 tahun yang lalu

thanks @hakimlukman

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Dipost 6 tahun yang lalu

@hakimlukman

klo boleh tau bedanya index++ sama ++index apa ya?

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Dipost 6 tahun yang lalu

kalau pakai {{ index++ }} tidak ada pengaruh, hehe indexnya tetap mulai dari 0

avatar lukmanfreedom
@lukmanfreedom

121 Kontribusi 55 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban