首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Laravel 8-可重用代码块,根据图表的页面更改变量?

Laravel 8-可重用代码块,根据图表的页面更改变量?
EN

Stack Overflow用户
提问于 2022-03-09 07:25:47
回答 2查看 453关注 0票数 1

我想在一个页面或不同的页面中显示多个图表。如何重用刀片文件而不是重复/重新键入代码?

我创建了一个普通的刀片文件_chart-widget.blade.php,我希望variable值根据页面的不同而改变,或者取决于我希望在页面的每个<section>中设置变量的内容。

代码语言:javascript
复制
<!--begin::Charts Widget 1-->
<div class="card {{ $class ?? '' }}">
    <!--begin::Header-->
    <div class="card-header border-0 pt-5">
        <!--begin::Title-->
        <h3 class="card-title align-items-start flex-column">
            <span class="card-label fw-bolder fs-3 mb-1">Recent Statistics</span>

            <span class="text-muted fw-bold fs-7">More than 400 new members</span>
        </h3>
        <!--end::Title-->

        <!--begin::Toolbar-->
        <div class="card-toolbar">
            <!--begin::Menu-->
            <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                {!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
            </button>
            {{ theme()->getView('partials/menus/_menu-1') }}
            <!--end::Menu-->
        </div>
        <!--end::Toolbar-->
    </div>
    <!--end::Header-->

    <!--begin::Body-->
    <div class="card-body">
        <!--begin::Chart-->
        <div id="kt_charts_widget_1_chart" style="height: 350px"></div>
        <!--end::Chart-->
    </div>
    <!--end::Body-->
</div>
<!--end::Charts Widget 1-->

当我@include代码时,如何使上面的代码是动态的和可重用的?

EN

回答 2

Stack Overflow用户

发布于 2022-03-09 07:29:32

您可以在刀片模板中包含视图。

这里你可以读到更多。

就这样用吧:

代码语言:javascript
复制
<div>
    @include('_chart-widget')
</div>

如果需要将数据传递给小部件组件,只需将参数作为数组提供给组件:

代码语言:javascript
复制
@include('view.name', ['status' => 'complete'])
票数 1
EN

Stack Overflow用户

发布于 2022-03-09 07:37:15

如果您希望每个页面中的变量不同,只需从Controller.If传递vairables,您就在同一个页面上,并且多次包含相同的刀片,这可以帮助您:

代码语言:javascript
复制
@include('view.name', ['code' => 'complete'])

这将在不同的部分为$code变量设置不同的值。

查看文档这里

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71405683

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档