Postingan lainnya
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