vue 关闭 窗口后清除所有数据_vue踩坑小记(二)
一、含换行的文本回显问题(1)使用正则表达式+v-html即可实现;replace(2)使用纯CSS即可实现(多少有些错位的问题,建议第一种);.(3)直接在textarea标签中亦可实现,只不过牵扯到IE浏览器的时候还是多多少少看着有些差异。二、vue中对同一个标签同时使用innerHTML和vue中v-model、{{}}等项目中出现了相关的需求,结果前端同事是这么...
一、含换行的文本回显问题
(1)使用正则表达式+v-html即可实现;
replace
(2)使用纯CSS即可实现(多少有些错位的问题,建议第一种);
.
(3)直接在textarea标签中亦可实现,只不过牵扯到IE浏览器的时候还是多多少少看着有些差异。
二、vue中对同一个标签同时使用innerHTML和vue中v-model、{{}}等
项目中出现了相关的需求,结果前端同事是这么处理的,很有问题,现提供一下方法:
(1)用v-html进行数据渲染;
(2)单纯使用innerHTML(不建议),但不要混合使用,否则在IE浏览器倒是卡死,不信邪的朋友可以试试。
第二种方式在谷歌浏览器没问题,但是万恶的IE浏览器就不行了,IE浏览器是默认开启严格模式(use strict)的,怀疑是因为这个,当然,也有可能是兼容性问题(猜测,待分析)。
三、sessionStorage的坑
(1)只在当前窗口及其子窗口(例如:通过window.open()打开的窗口)共享,在新的标签页即使访问同源地址也是无法共享的;
(2)IE中把sessionStorage的值清空
归根结底,还是因为IE自动关闭了标签页,导致sessionStorage中的值销毁,sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
为了规避这个问题,可以使用localStorage、cookie等进行数据持久化存储。
四、360浏览器兼容/极速切换时浏览器存储问题
如果在浏览器存储有数据的时候(类似于sessionStorage),切换浏览器模式需要重新存储一遍。
更多推荐
所有评论(0)