vue js 2 tambah index array

mau nanya gan kalau cara nambahin index dari array misal (0, 1, 2, 3) pada property element html menggunakan vue js 2 bagaimana ? misal (pada vue js 1)

 <p v-for="forum in forums" data-index="{{$index}}"></p>

nah kalau pada vue js 2 bagaimana ??

avatar sukmaw
@sukmaw

340 Kontribusi 75 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

bisa pakai second argument index (tanpa $)

<p v-for="(forum, index) in forums" data-index="{{index}}">{{forum}}</p>

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

maaf um ane udah coba tapi malah muncul error seperti ini

 [Vue warn]: Error compiling template:

<div id="app">
			<li v-for="(member, index) in  members" data-index="{{index}}">
				{{member.nama}} - {{member.umur}}
			</li>
			<!-- <div v-if="this.umur > 10">  -->
				<!-- {{ biodata }}  -->
			<!-- <div>  -->
		</div>

data-index="{{index}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.

(found in <Root>)

tetapi jika saya coba mengeluarkan index seperti ini tidak ada

 <p v-for="(forum, index) in forums" data-index="">{{forum}} - {{index}}</p>

avatar sukmaw
@sukmaw

340 Kontribusi 75 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

sorry um udah solved

jadinya seperti ini

 <p v-for="(forum, index) in forums" :data-index="index">{{forum}}</p>
avatar sukmaw
@sukmaw

340 Kontribusi 75 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban