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

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

控制器

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 声望

暂无个人描述~

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

花了四个月打磨的 Laravel Plus 开源 34 / 101 |

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

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

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

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

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

lz8878

课程读者 91 声望

最佳答案

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

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

6年前评论

讨论数量: 1

lz8878

课程读者 91 声望

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

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

6年前评论

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

帮助