如何将后端返回含script标签的HTML字符串在Vue中安全渲染？

本文共计435个文字，预计阅读时间需要2分钟。

在接入支付宝支付模块时，返回的是一个包含form字符串和script标签的序列。具体步骤如下：

1. 获取form字符串：首先，你会得到一个包含支付参数的form字符串。

2.解析script标签：接着，仔细观察这个序列中还有一个script标签。

3.渲染输出：将这个form字符串和script标签渲染到页面中，让用户可以看到。

注意事项：

- 不要在当前页面追加任何元素：比如原生js中的inn元素。

下面是一个简化的示例：

将这段代码渲染到页面后，用户就能看到支付表单和必要的脚本了。

在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因为其只能渲染html标签，script不能够识别。