Vue Filter

by Ardani Rohman

HTML

<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
<pre>{{ tasks | golDarahA | json}}</pre>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    message: "alo",  
    tasks:[
        {
            "nama" : "eka",
            "gol_darah": "A",
            "gender": "L"
        },
        {
            "nama" : "dwi",
            "gol_darah": "AB",
            "gender": "L"
        },
        {
            "nama" : "tri",
            "gol_darah": "O",
            "gender": "P"
        },
        {
            "nama" : "catur",
            "gol_darah": "B",
            "gender": "P"
        },
        {
            "nama" : "panca",
            "gol_darah": "A",
            "gender": "P"
        }
    ]
  },
  filters: {
    golDarahA: function (value) {
      return value.filter(function(val){
            return val.gol_darah == 'A';
      });
    },
    json: function(value) {
      return JSON.stringify(value);
    }
  }
})