JSON.stringify 能直接写在{{}}种马
时间: 2023-07-08 16:49:18 浏览: 132
解决JSON.stringify()自动将中文转译成unicode的问题
`JSON.stringify()` 方法如果直接写在双大括号语法中是不会生效的,因为在模板中使用双大括号语法时,Vue 会对数据进行转义,防止 XSS 攻击,这会导致 JSON 字符串中的双引号等特殊字符被转义,从而使 JSON 字符串无法正确显示。
如果要在模板中直接展示 JSON 字符串,可以使用 `v-pre` 指令来禁止 Vue 对该元素进行编译,直接将 JSON 字符串输出到页面上,例如:
```
<pre v-pre>{{ JSON.stringify(jsonData, null, 2) }}</pre>
```
这样就可以在页面中直接展示 JSON 字符串了,而不需要使用计算属性。 `v-pre` 指令可以告诉 Vue 不要对该元素进行编译,直接将其输出到页面上。
阅读全文