содержание бумажных вкладок не обновляется - PullRequest
Новая
       104

содержание бумажных вкладок не обновляется

0 голосов
/ 17 июня 2020

Я начал изучать Полимер и световой элемент и работал над активной и неактивной сеткой состояний, где я использовал paper-tabs с iron-pages.

Вопрос: paper-tab с индексом 0 (содержимое вкладки 1) отображается, но после нажатия второго и третьего он все еще отображает содержимое первая вкладка.

Как обновить содержимое вкладки при динамическом нажатии на вкладку?

Документация не очень исчерпывающая. Любая помощь была бы замечательной! 

import {
    LitElement,
    html
} from 'lit-element';
import '@polymer/paper-tabs/paper-tabs.js';
import '@polymer/paper-tabs/paper-tab.js';
import '@polymer/iron-pages/iron-pages.js';

class MyView1 extends LitElement {
    constructor() {
        super();
        this.currentPage = 0;
    }

    render() {
        return html `
        <div class="card">
          <paper-tabs scrollable selected=${this.currentPage}>
            <paper-tab>Tab 1</paper-tab>
            <paper-tab>Tab 2</paper-tab>
            <paper-tab>Tab 3</paper-tab>
          </paper-tabs>
          <iron-pages selected=${this.currentPage}>
            <div>some story for tab 1</div>
            <div>some story for tab 2</div>
            <div>some story for tab 3</div>
          </iron-pages>
        </div>
    `;
    }
}

window.customElements.define('my-view1', MyView1);
...