Advertisement
joris

Contoh Koding

Sep 6th, 2017
226
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. LOOPING
  2. =================
  3. <div class="col-md-4 hidecontent" v-for="(item, index) in this.$parent.items" :key="item._id" :class="setClassName()" :content="['#data_' + index]">
  4.     <div class="features_item sm-m-top-30">
  5.         <div class="f_item_text">
  6.             <img v-bind:src="item.picture">
  7.             <span>{{ countTitle(item.title) }}</span>
  8.             <p>{{ countSting(item.body) }}</p>
  9.         </div>
  10.     </div>
  11. </div>
  12.  
  13. KONDISI YANG MAU DIPASANG (SETIAP 3 DATA)
  14. =========================================
  15. if(i % 3 === 2)
  16.  
  17. MAU DIPASANG DI METHOD TAPI MASIH GAGAL
  18. =======================================
  19. setClassName: function() {
  20.     // this.intcount = 1
  21.     if(this.intcount % 3 === 2) {
  22.         this.output = 'data_'+this.intcount
  23.         parseInt(this.intcount + 1)
  24.     } else {
  25.         this.output = 'data_'+this.intcount
  26.     }
  27.     return this.output
  28. }
  29.  
  30. YANG DIINGINKAN
  31. ================
  32. <div class="col-md-4 hidecontent data_1" content="#data_0">1 Blablablabla</div>
  33. <div class="col-md-4 hidecontent data_1" content="#data_1">1 Blablablabla</div>
  34. <div class="col-md-4 hidecontent data_1" content="#data_2">1 Blablablabla</div>
  35. <div class="col-md-4 hidecontent data_2" content="#data_3">2 Blablablabla</div>
  36. <div class="col-md-4 hidecontent data_2" content="#data_4">2 Blablablabla</div>
  37. <div class="col-md-4 hidecontent data_2" content="#data_5">2 Blablablabla</div>
  38. <div class="col-md-4 hidecontent data_3" content="#data_6">3 Blablablabla</div>
  39. <div class="col-md-4 hidecontent data_3" content="#data_7">3 Blablablabla</div>
  40. <div class="col-md-4 hidecontent data_3" content="#data_8">3 Blablablabla</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement