Daftar dan Belajar Sekarang!

Vuejs dropdown send parameter

foto kresnanoobs
15 Kontribusi 1 Coto
1 bulan yang lalu
mohon bantuannya rekan2 sekalian jadi saya sedang mencoba menampilkan artikel menggunakan vuejs sebagai frontend serta laravel sebagai backend namun saya ada kendali ketika menampilkan artikel sesuai dropdown kategori yang tersedia jadi flownya ketika user memilih kategori berdasarkan dropdown, otomatis artikel akan muncul sesuai kategori yg dipilih user yang jadi kendala, ketika saya mencoba mengaplikasikannya, vuejs seperti tidak 'melempar' id kategori ke controller, karena ketika saya dd($request), isinya hanya null ini controllernya
public function getPostFilter(Request $request)
{
  return $request;
}
ini vuejs codenya
export default {
    data(){
      return{
        posts:[],
        category:[],
        key: "",
      }
    },
    created() {
      let uri = 'http://127.0.0.1:8000/api/post/all';
      let uris= 'http://127.0.0.1:8000/api/category/all';

      this.axios.get(uri).then(response => {
        this.posts = response.data;
      });

      this.axios.get(uris).then(response => {
        this.category = response.data;
      });
    },
    methods: {
        onChange(event) {
          let id = this.id;
          let uris= 'http://127.0.0.1:8000/api/post/filter';
          this.axios.post(uris, id).then(response => {
             console.log(response);
          }).catch(error => {
             console.warn('fail');
          })
        }
    }
  }
dan ini hasil dari console lognya https://i.ibb.co/3z84yw8/vuejs.png attribut data kosong dikarenakan saya berasumsi bahwa dari backend tidak menerima "parameter" dari vuejs mohon bantuannya seperti apa best practice nya terima kasih


Login untuk diksusi di forum sekolah koding