laravel 如何在vue.js中转义大括号

41ik7eoe  于 2023-11-20  发布在  Vue.js
关注(0)|答案(1)|浏览(129)

我的 * 数据库 * 中有 * 数据 *,可能包含花括号{{ }}

{{-- inside app.blade.php --}}
<!-- vue app -->
<div id="app">
    ...code
    <div> {{ $data }} </div>
    ...code
</div>

字符串
所以,如果我想向用户显示它,如果它在Vue应用程序中,那么这个数据会引起问题。而vue认为它是要执行的JavaScript代码。
例如,如果$data等于{{ title->links() }},那么我会得到一个错误,整个应用程序根本无法编译。

[Vue warn]: Error compiling template:

invalid expression: expected expression, got '>' in

    _s(title->links())

  Raw expression: {{ title->links() }}

305|              <div>{{ title-&gt;links() }}</div>
   |                   ^^^^^^^^^^^^^^^^^^^^^^^


什么是转义用户数据的{{ }}花括号的最佳方法(在Vue.js中)??

k7fdbhmy

k7fdbhmy1#

您需要使用v-prev-html指令:

<div v-pre>{{ data }}</div>

字符串

<div v-html="'{{ data }}'"></div>

相关问题