جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
محمود خسروی
5 سال پیش توسط محمود خسروی مطرح شد
2 پاسخ

چگونه اطلاعات را در تب Vue نمایش دهیم

سلام من می خوام مشابه سایت دیوار با لاراول و ویوجی اس طراحی کنم مشابه این آدرس https://divar.ir/new
میخوام وقتی که مثلا روی املاک کلیک کردم اطلاعات زیر دسته در تب Vue در ابزار devtools نمایش دهد

Advert.vue

<template>
    <div>
        <ul class="list-group">
            <li v-for="category in categories" @click="sendAdvert(category.id)" class="list-group-item display">
                {{ category.name }}
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        props: ['categories'],
        data() {
            return {
                advert: [],
            }
        },
        methods: {
            sendAdvert(id) {
                axios.get('/adverts/'+id)
                    .then(response => {
                        this.advert = response.data;
                    });
            }
        }
    }
</script>

AdvertController.php

public function show(Request $request, $advert)
{
    return Category::find($advert);
}

Category.php

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

توضیح تصویر
مال من این تصویر نمایش میدهد

توضیح تصویر


ثبت پرسش جدید
bardia
تخصص : Golang/Laravel
@mrbardia72 5 سال پیش مطرح شد
0

خوب الان الان مشکل اصلی تون دقیقا کجاست؟
آیا چیزی نشون نمیده ×؟


محمود خسروی
تخصص : طراح و برنامه نویس
@oxbir 5 سال پیش مطرح شد
0

ما یه جدول در دیتابیس مون داریم به نام categories یا همین دسته بندی ها

در این جدول شبیه عکس زیر است.

http://uupload.ir/files/jsat_nd8a9.jpg

حالا من میخوام که کاربر Cars کلیک کرد در تب Vue ابزار devtools عکس زیر را برای من نمایش دهد.

http://uupload.ir/files/whzr_1550695493.png


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام