Bisa di computed gak Vue JS

gan nanya dong kalo kodingan kyk gini


<div class="container">
	<div class="number" v-for="num in no"
						v-on:mousedown="press"
						v-on:mouseup="pressUp"
						v-bind:data-value="num.text">
		<div class="no">{{num.no}}</div>
		<div class="let">{{num.text.join(' ')}}</div>
	</div>
	<h2>{{output}}</h2>
</div>

yang di bagian

 {{num.text.join(' ')}}

kok gak bisa dimasukin di properti computed sih? ada solusinya gk gan kalo emang bisa. jadi saya coba kyk dibawah ini dan g berhasil.


<div class="container">
	<div class="number" v-for="num in no"
						v-on:mousedown="press"
						v-on:mouseup="pressUp"
						v-bind:data-value="num.text">
		<div class="no">{{num.no}}</div>
		<div class="let">{{test}}</div>
	</div>
	<h2>{{output}}</h2>
</div>
coumputed: function() {
  return num.text.join(' ')
}

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

mesti pakai methods gan kalo ini

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

Ga bisa lah gan yg num itukan variable hasil iterator di dlm looping. Kalo yg begini yg sy computed bukan variable num tapi variable no. Jadi loopingnya 2x pertama looping di dlm computed kedua looping di v-for. Kalo ga mw bgitu ya pake method, numnya dipass sebagai parameter

avatar QaiserLab
@QaiserLab

366 Kontribusi 390 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban