这是我的 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->title }}</code></pre>
</div>
</div>
</div>
</div>
</div>
@endsection因为 {{ }} 作为解析字符处理，所以这个页面会报错——Parse error: syntax error, unexpected '&' ……。我尝试将出错代码替换为 @{{ $article->title }}，页面不报错，但是闪一下就变空白了。求助诸位大神，看怎么解决啊~
1 回答
zhanbao
TA贡献14条经验 获得超7个赞
解决了。是因为布局文件 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"> 这个标签就可以了 ;)
添加回答
举报
0/150
提交
取消