laravel - 如何在 vue 组件中调用视图刀片 laravel？

Question

我的视图刀片 laravel 是这样的：

<section class="content">
    <product-list :product-data="{{json_encode($products)}}"></product-list>
</section>

在视图blade调用vue组件

像这样的 vue 组件：

<template>
    <div class="box">
        ...
        <div class="box-body">     
            <div class="box-footer">
                <!-- call view blade -->
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        ...
    }
</script>

在vue组件中，我想调用view Blade laravel

像这样的视图刀片：

{{$products->links()}}

我想调用它是因为分页只在视图刀片中运行

我该怎么做？

Answer 1

您必须使用开槽组件：Vue 组件：

<template>
    <div class="box">
        ...
        <div class="box-body">     
            <div class="box-footer">
                <slot></slot>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        ...
    }
</script>

刀片文件

<section class="content">
    <product-list :product-data="{{json_encode($products)}}">
       {{$products->links()}}
    </product-list>
</section>