代码之家 › 专栏 › 技术社区 › sooon

拉维尔5.6-Vue组件在叶片延伸部分渲染两次

vue-component vuejs2 laravel php

sooon · 技术社区 · 7 年前

在我最近的 laravel 5.6 项目,我用 vue 和 blade 一起。我有一种情况,如果我把我的 vue component 扩展的 blade.php 文件,那个 Vue组件 将渲染两次。

例如:

布局/app.blade.php:

<div id="app">
...
<mobilesidebar></mobilesidebar>{{-- vue component --}}
...
</div>
<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>

stores/show.blade.php文件:

@extends('layouts.app')
@section('content')
...
<storelayout></storelayout>{{-- vue component --}}
...
@endsection

我会得到:

但如果我搬家 storelayout 到 layouts/app.blade.php 以下内容:

    <div id="app">
    ...
    <mobilesidebar></mobilesidebar>{{-- vue component --}}
    <storelayout></storelayout>{{-- vue component --}}
    ...
    </div>

一切都变得正常了。

我相信这和 app.js 不知怎的 render 功能两次。

我该怎么解决?