v-html中显示回车换行、、> 不输出 "> "

1、1：v-html中显示回车

2：v-html中不编译

3：在v-html中> 页面输出 "> "

文末代码

中间是思路

"" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" />

2、1：v-html中显示回车

在编译器与textarea 、input中显示回车是需要在字符后面加'\n'；

而再页面显示时，需要将'\n'转为‘<br/>’

3、2：v-html中不编译

当变量绑定为v-html时，会将认为是html的标签处理。

所以需要将以及其他标签中的字符转为实体名称

比如：

< 转为 &lt;

> 转为 &gt;

可以搜查 HTML ISO-8859-1 参考手册 查看跟多需要转的字符

"" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" />

4、3：在v-html中&gt; 页面输出 "> "

由于HTML会识别实体名称，所以当你在输入显示 &gt; 时 会自动转为 "> "

所以需要处理一下将 & 转为 &amp;

5、全部代码：

msg

      .replace(/&/g, '&amp;')

      .replace(/</g, "&lt;")

      .replace(/>/g, "&gt;")

      .replace(/\"/g, "&quot;")

      .replace(/\'/g, "&#39;")

      .replace(/\n/g, "<br>") ;

拿走顺便投票；

拿走顺便投票；

拿走顺便投票；

谢谢。

"" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" /> "" referrerPolicy="no-referrer" />