ios div或p标签输入长符号或英文不自动换行

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攻击。此时我们可以对“<”，">"转译成“&lt;”，“&gt;”。然后再输入到页面。

可以使用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博客