前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Laravel 前后台共享数据

Laravel 前后台共享数据

作者头像
mafeifan
发布2018-10-09 11:55:48
1K0
发布2018-10-09 11:55:48
举报
文章被收录于专栏:finleyMafinleyMa
在视图模板中初始化JS变量。
代码语言:javascript
复制
<script>
    var app = <?php echo json_encode($array); ?>;
</script>

5.5以后可以这么写, 用 @json Blade 指令替代手动 json_encode

代码语言:javascript
复制
<script>
    var app = @json($array);
</script>

曾经在多语言项目中这么用过。

代码语言:javascript
复制
<script>
    window.Laravel = {
        csrfToken: '{{ csrf_token() }}',
        Locale: '<?php echo \App::getLocale(); ?>',
        Languages: <?php echo json_encode(
            [
                'scaffold'         => __('scaffold::t'),
                'module_dashboard' => __('module_dashboard::t'),
                'module_user' => __('module_user::t'),
                'setting' => __('setting::t'),
            ],
            JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);?>
    };
</script>
Laravel变量传入在vue组件中

定义组件

代码语言:javascript
复制
<script>
export default {
    props: ['surveyData'],
    mounted () {
        // Do something useful with the data in the template
        console.dir(this.surveyData)
    }
}
</script>

注入变量

代码语言:javascript
复制
<survey-component :survey-data="'{!! json_encode($surveyData) !!}'"></survey-component>

参考: https://medium.com/@m_ramsden/passing-data-from-laravel-to-vue-98b9d2a4bd23 https://laravel-china.org/docs/laravel/5.6/blade/1375

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.10.03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在视图模板中初始化JS变量。
  • Laravel变量传入在vue组件中
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档