Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
kenapa setiap ane tulis v-model, wrapper app nya jadi gak kerender..?
gan..
ane baru belajar vuejs.
pada tutor komentar vuejs.
kenapa saat ane tulis v-model di tag texarea nya, wrapper el: #app nya jadi tidak kerender..?
screenshot
kalau v-model di hapus maka bisa kerender
index.php
<?php
//get header
include "header.php";
?>
<!--container-->
<div class="container">
<!--row-->
<div class="row">
<!--wrapper komments-->
<div id="app">
<div class="col-xs-12 col-md-4" style="margin-top: 50px;">
<komentar v-for="get_comment in db_comments" :data_coment="get_comment"></komentar>
<!-- setiap di tuli v-model=" " kog <div id="app"> jadi gak kerender..? -->
<textarea v-model="text_comment"></textarea>
</div>
</div><!--end wrapper-->
</div><!--end row-->
</div><!--end container-->
<?php
//get template
include "template/koment.php";
//get footer
include "footer.php";
?>
mainvue.js
Vue.component('komentar',{
//template name
template : '#comment-template',
//nama props data
props:['data_coment'],
data: function(){
return{
plus: false,
minus: false
}
},
methods: {
//fungsi belikan dia sate
berikan: function(){
this.plus = !this.plus
this.minus = false
},
//fungsi jambret sate nya
ambil: function(){
this.minus = !this.minus
this.plus = false
},
},
computed: {
//hitung jumlah sate
sate: function(){
if( this.plus )
//jika this.plus di klik maka sate nambah 1
//jika di klik lagi satenya jadi kurang satu
return this.data_coment.sate + 1
else if( this.minus )
//jika this.minus di klik maka sate kurang 1
//jika di klik lagi jumlah sate nya tetap
return this.data_coment.sate -1
else
//tampilkan hasil jumlah sate
return this.data_coment.sate
}
}
})
var vm = new Vue({
el: "#app",
data:{
//get data from db with api or any
db_comments:[
{ body: ' Mantab gan tutorial nya', time:'9-09-1999', sate: 2 },
{ body: ' Belajar Vue js', time:'10-09-1999', sate: 9 },
{ body: ' uvu vue vue vwe', time:'19-09-1999', sate: 15}
]
},
// methods:{
// postComment: function(){
// this.data_coment.push(
// { body: this.text_comment, time:'9-09-1999', sate: 2 }
// )
// }
// }
});
0
1 Jawaban:
Jawaban Terpilih
Update.. Beda versi ternyata.. :) Tadinya pake vue 2.0 turun ke vue v1
0