У меня есть таблица категорий с изображением ниже.
![Categories](https://i.stack.imgur.com/Nd8A9.jpg)
Я хочу, чтобы при нажатии на parent_id => 0
открывалась свертка подкатегории с parent_id => 1
.
Category.php
class Category extends Model {
public function parent() {
return $this->belongsTo(Category::class, 'parent_id');
}
public function children() {
return $this->hasMany(Category::class, 'parent_id');
}
}
Advert.vue
<template>
<div>
<h3>List of free ads</h3>
<ul class="list-group">
<li v-for="category in categories" :id="'select'+category.id " @click="sendAdvert(category.id)" class="list-group-item">{{ category.name }}</li>
</ul>
</div>
</template>
<script>
export default {
props: ['categories'],
data() {
return {
adverts: []
}
},
methods: {
sendAdvert: function (id) {
const self = this;
axios.post('adverts/store',
{ id: id }, {
}).then((response) => {
this.adverts = response.data;
}).catch((response) => {
self.error = 1;
console.log('Errors');
});
}
}
}
</script>
web.php
Route::resource('adverts', 'AdvertController');
AdvertController.php
public function index()
{
$categories = Category::orderBy('id', 'desc')->get();
return view('Home.adverts', ['categories' => $categories]);
//$categories = Category::where('parent_id', 0)->get();
//return view('Home.adverts', compact('categories'));
}
public function store(Request $request)
{
$id = $request->id;
$category = Category::find($id);
return $category->children;
}
Я хочу видеть Автомобили, тогда, когда я нажал на «Автомобили», откройте Свернуть меню с vuejs.
Когда я нажимаю «Автомобили», я получаю ошибку 405.
![Vuejs](https://i.stack.imgur.com/42OyD.jpg)