使用sessionStorage存储数据时遇到的问题

在使用ElementUI中的el-table标签，要对表格中数据进行筛选，el-table自带的筛选表头

在写单页面应用的时候，要对el-table表格中的某一字段进行筛选，显示的筛选项想要存储在sessionStorage，但是在存储的时候出现了问题：

sessionStorage.setItem('allTodoSubmitter',this.allSubmitter)

在sessionStorage输出allTodoSubmitter，结果是undifined
在网上查找出现这种情况的原因：原来是sessionStorage或者是localStorage只能存储字符串类型的对象，不能存储数组

所以有了以下的修改：

sessionStorage.setItem('allTodoSubmitter',JSON.stringify(this.allSubmitter))

用JSON对象提供的parse和stringify将其他数据类型转化成字符串，在存储到Storage里就行了

allTodoSubmitter:JSON.parse(sessionStorage.getItem('allTodoSubmitter'))

localStorage和sessionStorage：

共同点：
1）都是用来存储客户端临时信息的对象
2）均只能存储字符串类型的对象
区别：
1）生命周期：localStorage的生命周期是永久、sessionStorage生命周期为当前窗口或标签页
2）不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息；如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的