小编Moh*_*ein的帖子

如何在 vue.js 中转义花括号

我有数据在我的数据库中,可能包含大括号{{ }}。

{{-- inside app.blade.php --}}
<!-- vue app -->
<div id="app">
    ...code
    <div> {{ $data }} </div>
    ...code
</div>
Run Code Online (Sandbox Code Playgroud)

所以如果我想向用户显示它,如果它在 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>
   |                   ^^^^^^^^^^^^^^^^^^^^^^^

Run Code Online (Sandbox Code Playgroud)

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

laravel vue.js laravel-blade vue-component vuejs2

2
推荐指数
1
解决办法
2245
查看次数

标签 统计

laravel ×1

laravel-blade ×1

vue-component ×1

vue.js ×1

vuejs2 ×1