Polymer app-localstorage 不适用于会话存储答案

【问题标题】：Polymer app-localstorage not working for session storagePolymer app-localstorage 不适用于会话存储
【发布时间】：2017-02-18 02:53:04
【问题描述】：

在聚合物文档中，当我们使用 app-localstorage 时，如果我们设置属性 sessionOnly ="true" 和 storage="window.sessionStorage" 数据应该存储在会话存储中，但它仍然将数据存储在本地存储中

 <paper-input value="{{myData}}"></paper-input>
<app-localstorage-document key="search" data="{{myData}}" sessionOnly="true" storage="window.sessionStorage">
</app-localstorage-document>

如何在会话中存储数据并在用户关闭浏览器时销毁？

【问题讨论】：

标签： polymer polymer-1.0

【解决方案1】：

您的代码 sn-p 中有一些错误。

首先，Polymer 使用了两种情况——camelCase 和dash-case。第一个用于属性名称，第二个用于属性 (see specification)。由于您使用 sessionOnly 属性作为属性，您应该将其更改为 session-only。

因此修正后的sn-p代码为：

<paper-input value="{{myData}}"></paper-input>
  <app-localstorage-document key="search" data="{{myData}}" session-only="true">
</app-localstorage-document>

其次，请注意，我还从我的 sn-p 代码中删除了 storage 属性。此属性是计算出来的，因此无法设置。这实际上从element's API docs 中看不到，但只能通过检查element's source code：

storage: {
  type: Object,
  computed: '__computeStorage(sessionOnly)'
}

如果您有任何其他问题，请随时在 cmets 下方提问。

【讨论】：