如何在 vuejs 中转义内容？

Question

我正在为我的 vuejs 项目（vuejs：版本 2）使用 webpack 模板。我想知道如何使我的内容转义（除了v-html）：

请注意，message包含一些<a>标签，如 : These is my website <a href="https://google.com">link</a>。

就像在车把中一样，我想使用类似的东西：

<p>{{{ message }}}</p>和<p>{{{ message | customFilter }}}</p>。

我已经尝试了第一个选项，但它不起作用。有没有办法让它与三重胡须一起工作？

Answer 1

根据文档：

为了输出真正的 HTML，你需要使用 v-html 指令

所以听起来你不能用 mustache-syntax 来做到这一点。

如果要将过滤器与指令绑定结合使用，请使用计算属性。

Answer 2

我知道这不是 OP 想要的，但对于 Google 员工来说：

<span v-html="`{{ hey }}`"></span>