Laravel+Vue 内嵌组件传数据时出错

问答 / 0 / 1 / 创建于 5年前 / 更新于 5年前

控制器

public function demo(){
    $model = model::paginate(10);
    return view('page',['model' => $model]);
}

视图

<demo-vue :data={{ $model }} ></demo-vue>

VUE

export  default {
    props: ['data']
}

错误提示：视图中获取的数据 “$model”为空
将控制器改为 $model = model::all(); 又可以获取到数据，
应该是分页数据的问题，请问要如何才能获取到分页数据

laravel+vue

课程读者 5 声望

暂无个人描述~

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

花了四个月打磨的 Laravel Plus 开源 30 / 98 |

试用 Laravel + 树莓派搭建视频监控，并支持线上访问 26 / 19 |

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

Laravel 实用小技巧——缓存标签的小秘密（上） 16 / 6 |

你好，InnoCMS：一个 Laravel 社区老员的开源建站之旅 34 / 51 |

PHP 中一次反射需要多长时间 28 / 9 |

lz8878

课程读者 91 声望

最佳答案

使用 @json 向 Vue 组件或data-*属性中传递数据，文档。Laravel 官网文档里面有，社区翻译不全。

<demo-vue :data='@json($model)' ></demo-vue>

5年前评论

讨论数量: 1

lz8878

课程读者 91 声望

使用 @json 向 Vue 组件或data-*属性中传递数据，文档。Laravel 官网文档里面有，社区翻译不全。

<demo-vue :data='@json($model)' ></demo-vue>

5年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助