将数组传递给Vue中的Laravel视图

Question

在laravel中，我有ProdoctController和CategoryController，我通过此函数传递类别数据：

public function view(){
  $category = Category::all();
  return view('admin.product.main',['category'=>$category]);
}

它在laravel中以正常模式工作：

<select>
 @foreach(category as categories)
   <option value='{{category->id}}">{{category->name}}</option>
 @endforeach
</select>

但是在vue js中，我在数据中有一个category：[]，我想用这个：

<select v-model="ProductCategory">
<option v-for="category in categories" :value="categories.id">categories.name</option>
</select>

如何传递类别数组中的数据？

Answer 1

您可以执行以下操作：

<script type="text/javascript">
    window.data = {!! json_encode([
        'categories' => $categories,
    ]) !!};
</script>

<select v-model="ProductCategory">
    <option v-for="category in window.data.categories" :value="category.id">category.name</option>
</select>

第一部分将类别带到JavaScript的视图中，然后Vue可以访问它们。 我认为您应该修复您的category/categories变量，如果这是一个真实的代码，则说明您未正确使用它们，例如，当您有多个集合且只有一个时。