آفلاین
user-avatar

مشکل در وارد کردن دیتا در لاراول و vuejs

2 سال پیش
توسط امیرعلی کلانتری پور آپدیت شد
آفلاین
user-avatar
مرتضی صبیحی ( 9846 تجربه )
2 سال پیش
تخصص : (VueJs) Front-end developer

سلام
من وقتی دسته بندی ایجاد میکنم دیتا خالی در دیتابیس ثبت میشه

public function store(Request $request)
    {
        $name = $request->name;
        $parent_id = $request->parent_id;

        $cat = new Category();
        $cat->name = $name;
        $cat->parent_id = $parent_id;
        $cat->save();

    }
class Category extends Model
{
    protected $fillable = [
        'name','parent_id'
    ];

    public $timestamps = false;
}
const app = new Vue({
    el: '#app',
    data: {
        nameCat:"",
        subCat:""
    },
    methods: {
        addCategory: function () {
            axios.post('addcategory',{
                name: this.namecat,
                parent_id: this.subCat
            }).then(response=>{
                swal({
                    title: "دسته بندی با موفقیت اضافه شد",
                    icon: "success",
                    button: "تایید",
                });
            },response=>{
                this.error = ۱;
                console.log("error");
            });
        }
    }
});
  <!-- form start -->
                        <div class="box-body">
                            <div class="form-group">
                                <label>دسته بندی</label>
                                <input type="text" class="form-control" placeholder="نام دسته بندی" v-model="nameCat">
                            </div>
                            <div class="form-group">
                                <label>زیر دسته بندی</label>
                                <select class="form-control" v-model="subCat">
                                    <option value="۰"> - </option>
                                    @foreach($cats as $cat)
                                        <option value="{{ $cat->id }}"> {{ $cat->name }} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <!-- /.box-body -->

                        <div class="box-footer">
                            <button type="submit" class="btn btn-primary" v-on:click="addCategory()">افزودن دسته بندی
                            </button>
                        </div>
                    </div>
آفلاین
user-avatar
امیرعلی کلانتری پور ( 1336 تجربه )
2 سال پیش
تخصص : Laravel, Reactjs, ReactNative, Wordpress, Script Kiddie

سلام
@mortezasabihi87
کلن همیشه توی SPA ها اگر مشکل برخوردی توی پایگاه داده
با اضافه کردن دستور

  return request()->all();

چک کنید ببینید توی console چه خروجی میده. برای لاگ گرفت در کنسول از دستور جاوااسکریپت console.log(result) استفاده کنید.

برای ارسال پاسخ باید وارد سایت شوید