Laravel & vue.js 值到数组
Laravel & vue.js values to array
我在Laravel中使用vue.js。
我有 3 张桌子。
Article
Location
article_location (pivot table)
如果我想将位置文章转换为 json,以便我可以将其传递给 vue 我该怎么做?
<div class="container">
Location->article //all articles of a location to json
<template id="ln-data">
<ul>
<li v-for="value in list">
@{{ value.name }}
</li>
</ul>
</template>
<script>
Vue.config.debug = true;
Vue.component('data', {
template: '#ln-data',
props:['list'],
created() {
this.list = JSON.parse(this.list);
}
})
new Vue({
el: 'body'
});
</script>
我该怎么做?
编辑--
控制器:
$location = location::all();
return view('locationproducts')->with('location',$location);
视图:
<div class="container">
<data list="{{ $location->article()->toJson() }}"></data>
</div>
位置模型:
public function article()
{
return $this->belongsToMany('App'article','article_location');
}
错误:
Macroable中的错误异常.php第 81 行:方法文章不 存在。(查看: /home/vagrant/Code/project/resources/views/locationproducts.blade.php)
您可以使用
toJson()
方法,要将模型转换为 JSON,您可以使用 toJson
方法。像toArray
一样,toJson
方法是递归的,所以所有属性和关系都会转换为 JSON:
$location->articles()->toJson();
希望这有帮助。
相关文章:
- 在数组JS中查找三个重复项
- 比较二维数组js
- 从数组(JS)中的对象调用函数
- 检查对象是否已被推入数组 Js
- 将CSV文件转换为JSON数组JS
- 解析多维数组JS的数组并记录索引
- 如何遍历直接传递到灰尘的数组.js
- 如何使用 D3 选择 JSON 数组.js 使用 .算子
- JavaScript 变量中的 PHP 数组 - JS 元素
- 将数据复制到 JavaScript D3 中的数组.js然后绘制散点图
- 基于数组JS中的值创建按钮
- 创建数组JS
- 按频率排序子字符串数组-JS
- 将数组js变量传递给php
- 使用不带嵌套循环的数组过滤对象数组js
- 创建封装数组JS
- 创建多dim数组(JS)
- 创建for循环对象并将它们压入数组js中
- 将数组JS中的所有项相乘
- 如何从二维数组(JS)中获取网格的坐标