ios css强制换行 css换行<br>_mob6454cc6441b6的技术博客_51CTO博客
//$escape 防止xss攻击,style解决符号不自动换行问题
<p style="word-break: break-all;word-wrap: break-word;"
v-html="`<span>${$escape(itemc.contactText)}</span>`"
></p>
使用:
对用v-html和innerHTML加载的客户信息进行转义
如果显示内容里面有html片段,一定需要用v-html或者innerHTML加载,例如:
<div v-html="`<span>${message}</span>`"></div>
里面的message是客户自己输入的信息,如果此时是恶意的dom片段肯定会引起XSS攻击。此时我们可以对“<”,">"转译成“<”,“>”。然后再输入到页面。
可以使用lodash里面的escape方法对客户信息进行转译。如下:
import _escape from 'lodash/escape'
Vue.prototype.$escape = _escape
在vue中插入一个全局方法,对需要转译的数据就使用这个方法:
<div v-html="`<span>${$escape(message)}</span>`"></div>
xss攻击参考网址:XSS系列二:基于vue搭建的网站如何防范XSS攻击_vue xss过滤方法-CSDN博客