gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 12:05:26 28 4
gpt4 key购买 nike

我有 数据在我的 数据库可能包含花括号 {{ }} .

{{-- inside app.blade.php --}}
<!-- vue app -->
<div id="app">
...code
<div> {{ $data }} </div>
...code
</div>
所以如果我想向用户显示它,如果它在 Vue 应用程序中,这个数据会导致问题。并且 vue 认为它是要执行的 javascript 代码。
例如,如果 $data等于 {{ title->links() }}然后我收到一个错误,整个应用程序根本无法编译。 (它通过 Blade 模板)。
[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 中)??

最佳答案

您需要使用 v-prev-html指示:<div v-pre>{{ data }}</div>或者<div v-html="'{{ data }}'"></div>引用链接 https://vuejs.org/v2/api/#v-pre

关于laravel - 如何在 vue.js 中转义花括号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63614194/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com