Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue.js metoda iki parametre göndermek

yalcin

<script setup>
import { Head, Link, useForm } from '@inertiajs/inertia-vue3';
import AdminLayout from '@/Layouts/AdminLayout.vue';

const props = defineProps({
     roles: Array,
});

const form = useForm({

});
    const destroy = (id) => {
    form.delete(route('roles.destroy', id), {
            preserveScroll: true,
        });
    };
</script>

yukardaki metoda <button @click="destroy(roles.id)" diyerek silme işlemi gerçekleştiriyorum gayetde güzel çalışıyor.
ikinci bir parametre daha nasıl gönderebilirim ? yani, <button @click="destroy(roles.id)" roles.id den sonra birde roles_permission.id ekleyip üstteki destroy metodda nasıl karşılıyacağım ?

koti42

<template>
  <div>
    <button v-on:click="increment(param1, param2)">Increment</button>
  </div>
</template>

<script>
export default {
  methods: {
    increment(param1, param2) {
      // Burada, increment methodu çağrıldığında param1 ve param2 değişkenleri ile çalışabilirsiniz.
    }
  }
}
</script>

yalcin

teşekkür ederim

koti42

yalcin ne demek

yalcin

@koti42 iki parametrenin bir tanesini propdan almalıyım yani template içinde {{ props.role.id }} dogru id yi veriyo ama

<button @click="destroy( {{props.role.id }}, rol_permissions.id)" bu şekilde çalışmıyo

hata:
Uncaught Error: Ziggy error: 'permission' parameter is required for route 'roles.permissions.revoke

const destroy = (param1,param2) => {
    form.delete(route('roles.permissions.revoke', (param1,param2)), {
            preserveScroll: true,
        });
    };

şu destroy metodunda parametreler doğru geliyomu gelmiyomu nasıl kontrol ederim ?

mgsmus

yalcin Template içinde props kullanmıyorsunuz. defineProps kullandığınız için şu an template içinde roles isimli bir dizi zaten kullanıma hazır.

Soruna gelince;

Route::delete('permissions/{roleId}/{permId}')->name('roles.permissions.revoke');

const destroy = (roleId, permId) => {
    const url = route('roles.permissions.revoke', [roleId, permId])

    form.delete(url, {
        preserveScroll: true,
    })
}

ya da rota parametre isimleri ile

const destroy = (roleId, permId) => {
    const url = route('roles.permissions.revoke', {roleId, permId})

    form.delete(url, {
        preserveScroll: true,
    })
}

koti42

Destroy dan post etmeden önce console.log ile bir ekrana bas doğru geliyor mu veriler geliyor ise ona göre bakmak gerekir
<button @click="destroy(props.role.id, rol_permissions.id)">
Birde böyle dener misin

yalcin

@koti42 teşekkür ederim , @mgsmus teşekkürler