vue 兼容360浏览器_vue踩坑小记（二）

最新推荐文章于 2024-07-12 11:54:02 发布

宫乘风

最新推荐文章于 2024-07-12 11:54:02 发布

阅读量1.3k

点赞数

文章标签： vue 兼容360浏览器

本文链接：https://blog.csdn.net/weixin_34738099/article/details/112162236

版权

本文记录了Vue在360浏览器遇到的四个主要问题：含换行文本回显、innerHTML与v-model混用、sessionStorage的坑以及360浏览器兼容/极速模式切换时的数据存储问题。针对这些问题，提出了相应的解决办法，如使用v-html、避免innerHTML和v-model混用，以及在必要时使用localStorage或cookie来替代sessionStorage。

摘要由CSDN通过智能技术生成

一、含换行的文本回显问题

（1）使用正则表达式+v-html即可实现；

replace(/n/g, '<br>');
replace(/n|rn/g,'<br>');

（2）使用纯CSS即可实现（多少有些错位的问题，建议第一种）；

.info{
    
   white-space: pre-wrap; /* CSS-3 */ 
   white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
   white-space: -pre-wrap; /* Opera 4-6 */ 
   white-space: -o-pre-wrap; /* Opera 7 */ 
   word-wrap: break-word; /* Internet Explorer 5.5+ */