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-&gt;title }},页面不报错,但是闪一下就变空白了

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

zhanbao
浏览 3096回答 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,查看更多内容
随时随地看视频慕课网APP