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

控制器

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

暂无个人描述~

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

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

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年前评论

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

帮助

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