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

【问题标题】：How can I call view blade laravel in vue component?如何在 vue 组件中调用视图刀片 laravel？
【发布时间】：2018-08-01 18:50:16
【问题描述】：

我的视图刀片 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()}}

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

我该怎么做？

【问题讨论】：

如果该文件不是刀片，那么你不能。

标签： laravel pagination vuejs2 vue-component laravel-5.6

【解决方案1】：

您必须使用slotted component： 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>

【讨论】：