laravel - 在 Laravel 的 Vue 组件上将数据渲染到模态时出现问题
问题描述
模态表单(Posts.vue)
<label>Category</label>
<select class="form-control" v-model="form.category_id">
<option
v-for="(cat,index) in categories" :key="index"
:value="index"
:selected="index == form.category_id">{{ cat }}</option>
</select>
Posts.vue 组件中的数据和方法
data(){
return{
editmode: false,
posts: {},
form: new Form({
id: '',
category: '',
title : '',
content : '',
image : '',
author_id : '',
published: '',
category_id: '',
}),
categories: [],
}
},
methods: { showCategories(){
axios.get("api/category/list").then(({ data }) => (this.categories =data.data));
},
}
路线
Route::get('category/list',[CategoryController::class,'list']);
类别控制器
public function list()
{
return Category::latest()->pluck('name','id');
}
帖子控制器
return Post::create([
'title' => $request['title'],
'content' => $request['content'],
'image' => $request['image'],
'author_id' => $user->id,
'category_id' => $request['category_id']
]);
在将它们的 id 插入数据库之前尝试让模式在下拉列表中显示类别名称,但没有通过 pluck 方法从服务器中继数据。我错过了什么?
解决方案
推荐阅读
- python - 在 sns.heatmap(...) 中使用 square=True 时增加图形大小
- python - 用一行代码绘制重新采样的时间序列面积图?
- javascript - Sequelize 自定义验证 - 无法访问实体中的所有字段
- python - Matplotlib 中补丁的平滑颜色变化动画
- typescript - 在 Typescript 中使用数组初始化 Map:new Map([[k1, v1], [k2, v2]])
- java - 移除模拟器上的 Google Play 服务
- ruby-on-rails - Ruby 中的 JSON 反序列化
- jupyter-notebook - 为什么用 xeus-cling 激活 Jupyter 失败
- autohotkey - 如何有“输入”(或者它是上下文?)依赖热字符串/热键?
- c - 使用指针将字符存储在数组中