inPlayEvent_odds.vue

<template>
  <div>
    <div v-for="odd in odds" :key="odd.id">
      
        <span v-if="teste(odd)">{{ odd }}</span>

      
        
    </div>
  </div>
</template>

<script>
import axios from "axios";

axios.defaults.headers.common = {
  "X-Requested-With": "XMLHttpRequest",
  "X-CSRF-TOKEN": window.csrf_token
};

export default {
  data() {
    return {
      odds: "",
      show: false
    };
  },
  methods: {
    full_time_result_load(id) {
      async function odds() {
        let res = await axios.post("/api/inPlayEvent", { id });
        return res;
      }

      odds().then(response => {
        this.odds = response.data;
      });
    },
    teste(payload) {
      
        switch(payload.type)
        {
            case "MA":
                switch(payload.NA)
                {
                    case "Fulltime Result":
                        this.show = true
                    break;

                    default:
                        this.show = false
                    break;
                }
            break;

            case "PA":
                if(this.show == true)
                {
                    return true
                }
            break;
        }

    }
  },
  mounted() {
    this.full_time_result_load(123);
  }
};
</script>