Laravel Blade 模板渲染出错。

这是我的 Blade 模板代码：

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    编程出错
                </div>
                <div class="panel-body">
                  <h2>就是这段代码出错的……</h2>
                   <pre><code>{{ $article-&gt;title }}</code></pre>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

因为 {{ }} 作为解析字符处理，所以这个页面会报错——Parse error: syntax error, unexpected '&' ……。

我尝试将出错代码替换为 @{{ $article->title }}，页面不报错，但是闪一下就变空白了。

求助诸位大神，看怎么解决啊~

zhanbao

浏览 3232回答 1

1回答

zhanbao

解决了。是因为布局文件 layouts/app.blade.php 中引入的 app.js 整合& 使用 vue.js 的缘故。里面有这一段代码：new Vue({el:"#app"})布局文件 app.blade.php 的代码结构如下<body> <div id="app"> ... </div> </body>所以，HTML 页面主要代码都会被处理（特别是 {{}} 中的字符），这就解释了为什么“页面不报错，但是闪一下就变空白了”。解决办法就是去掉 <div id="app"> 这个标签就可以了 ;)

随时随地看视频慕课网APP