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

Posted 2023-02-23

【中文标题】如何在 vue 组件中调用视图刀片 laravel？

【英文标题】：How can I call view blade laravel in vue component?

【发布时间】：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()

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

我该怎么做？

【问题讨论】：

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

【参考方案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>