Polymer : Uncaught TypeError: this.saveToCache is not a function

Question

我的代码是这样的。发生错误 this.saveToCache 无效。谁能帮忙？提前致谢。

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">

<link rel="import" href="../bower_components/iron-localstorage-behavior/iron-localstorage-behavior.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">

<dom-module id="my-app">
    <template>
        <paper-button on-click="_insertData">Add<paper-button>
    </template>
    <script>
        class MyApp extends Polymer.Element {
            static get is() { return 'my-app'; }
             _insertData(){
                var key = 123;
                var value = Math.random();
                this.saveToCache(key, value).then(() => {
                    alert("Added");
                });
            }
        }

        window.customElements.define(MyApp.is, MyApp);
    </script>
</dom-module>

Answer 1

您已经导入了您的行为，iron-localstorage-behavoir，但您似乎没有将其添加到您的元素中。

由于您使用的是 class 语法，我猜这是 Polymer 2.x，因此您可以了解需要如何完成 here.

因此您的代码将变为：

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">

<link rel="import" href="../bower_components/iron-localstorage-behavior/iron-localstorage-behavior.html">

<dom-module id="my-app">
    <template>
        <paper-button on-click="_insertData">Add<paper-button>
    </template>
    <script>
        class MyApp extends Polymer.mixinBehaviors([Polymer.IronLocalStorageBehavior], Polymer.Element) {
            static get is() { return 'my-app'; }
             _insertData(){
                var key = 123;
                var value = Math.random();
                this.saveToCache(key, value).then(() => {
                    alert("Added");
                });
            }
        }

        window.customElements.define(MyApp.is, MyApp);
    </script>
</dom-module>

Polymer : Uncaught TypeError: this.saveToCache is not a function

Polymer : Uncaught TypeError: this.saveToCache is not a function

local-storage

polymer