Question

我看到像Compute function这样的功能，我可以使用一个函数来计算相同的东西，然后将某些东西重新运行到该textcontent区域，但是如何在按钮onclick或锚点onclick上使用它们。

例如：

<dom-module id="x-custom">

  <template>
    My name is <span>[[_formatName(first, last)]]</span>
  </template>

  <script>
    class XCustom extends Polymer.Element {
      static get is() {return 'x-custom'}
      static get properties() {
        return {
          first: String,
          last: String
        }
      }
      _formatName(first, last) {
        return `${last}, ${first}`;
      }

    }

    customElements.define(XCustom.is, XCustom);
  </script>

</dom-module>

在这种情况下，_formatName被操纵，我们得到html。

但是如何在按钮onclick和

这样我就可以操纵发送一些http请求。
还操作函数内的一些数据。

Polymer 2.0

Answer 1

我得到了答案。首先，对于双向绑定，您还要检查polymer 1.0 doc以获取简要的数据绑定。

然后你可以阅读polymer 2.0 doc，但我没有看到更多数据绑定事件。

我会说读两个。 https://www.polymer-project.org/1.0/docs/devguide/templates https://www.polymer-project.org/2.0/docs/devguide/templates

这有自定义事件的示例。 https://www.polymer-project.org/2.0/docs/devguide/events.html#custom-events

<dom-module id="x-custom">
  <template>
    <button on-click="handleClick">Kick Me</button>
  </template>
  <script>
    class XCustom extends Polymer.Element {

      static get is() {return 'x-custom'}

      handleClick() {
        console.log('Ow!');
      }
    }
    customElements.define(XCustom.is, XCustom);
  </script>
</dom-module>

此外，如果你想让参数传递给函数，你可以这样做。

<dom-module id="x-custom">
      <template>
        <button on-click="handleClick" data-args="arg1,arg2">Kick Me</button>
      </template>
      <script>
        class XCustom extends Polymer.Element {

          static get is() {return 'x-custom'}

          handleClick(e) {
            console.log('Ow!');
            console.log(e.target.getAttribute('data-args'));
           // now you got args you can use them as you want
          }
        }
        customElements.define(XCustom.is, XCustom);
      </script>
    </dom-module>

如何在按钮onclick或锚标签点击上调用聚合物2.0中的功能？

1 个答案: