小编SON*_*iee的帖子

通过querySelectorAll()获取节点列表

给出以下示例代码:

import { LitElement, html, css } from 'lit-element';

class ItemsDisplay extends LitElement {

    static get styles() {...}
    static get properties {...}

    constructor () {
        super();
        ...
    }

    render {
        return html`
            ${this.items.map((item, index, array) => html`
                <div class="name">
                    ...
                </div>
            `)}        
        `;
    }
}
Run Code Online (Sandbox Code Playgroud)

选择类“name”的所有节点的适当方法是什么?

我尝试过以下方法,但均失败;所有时间nodesList都是undefined

  • 里面 constructor
  this.nodesList = this.shadowRoot.querySelectorAll(".name");
Run Code Online (Sandbox Code Playgroud)
  • 使用:
  firstUpdated(changedProperties) {
      return this.nodesList = this.shadowRoot.querySelectorAll(".name");
  }
Run Code Online (Sandbox Code Playgroud)
  • 在自定义函数内部:
  getNodesList() {
      let nodesList = this.shadowRoot.querySelectorAll(".name");
      ...
  }
Run Code Online (Sandbox Code Playgroud)

我也尝试过:

connectedCallback() {
    super.connectedCallback(); …
Run Code Online (Sandbox Code Playgroud)

web-component shadow-dom polymer lit-element

5
推荐指数
1
解决办法
1471
查看次数

标签 统计

lit-element ×1

polymer ×1

shadow-dom ×1

web-component ×1