如何使用Laravel和惯性js

Question

从主题名称来看，我的问题是如何创建子下拉列表，例如，我有一个链接到部门表的小节表。我想当我点击部门的名称时，它会通过laravel+ineral-js和vue3 显示其子部分

Answer 1

假设您已经实现了部门和小节之间的一对多关系(例如：部门有很多小节(。

所以你有一个部门模型，其关系如下

public function subsections()
{
return $this->hasMany(SubSection::class, 'department_id');
}

制作一个端点来获取针对一个部门的所有子部分。

// something like this
Route::get('/subsections', function(Department $department) {
return response()->json([
'sub_sections' => $department->subsections
]);
});

然后在vue形式中进行两次下降。一个用于显示部门列表，另一个用于加载所选部门的子部分。在department下拉列表中添加@change事件，并激发通过API获取数据的方法，并在子部分下拉列表中填写该方法。

你的vue组件可能有这样的东西：

data() {
return {
subsections: []
}
},
methods: {
loadSubsection(departmentId)
{
axios.get('/subsections')
.then(response => this.subsections = response.data. sub_sections)
.catch(error => console.log(error));
}
}