在这种情况下,有没有办法使转义字符在Vue.js中起作用?

时间:2019-07-15 12:13:37

标签: vue.js

我有一个带有转义字符的字符串,它来自props作为对象的属性

string: "A text \"escaped\" text"

我想在模板中显示它,但是当我像使用它时一样
<span v-html="prop.string"></span>

它在我的模板中显示为反斜杠

我不明白为什么会这样,怎么解决?我以为v-html会显示不带\“

的字符串

UPD

我唯一想到的就是使用正则表达式将\"更改为"

2 个答案:

答案 0 :(得分:0)

alias将不会添加转义字符。您的文本输入必须已经转义;提供该属性的源在将其作为属性发送之前已经对文本进行了转义。

您需要先解决此问题,然后再发送该值,或者通过添加计算属性或创建过滤器来对使用的组件进行转义。

看这支笔。 https://codepen.io/Flamenco/pen/xovKLq

v-html

我建议通过修复源来解决此问题...

答案 1 :(得分:0)

您可以使用双斜杠,例如su: must be run from a terminal