在 Polymer 2.x 中设置原生输入的样式？

Question

是否有任何方法可以将 <paper-button> 的 on-click 或 on-tap 事件绑定到以下任一 hidden input 元素？

我的-form.html

<iron-form>
  <form>
    ...
    <my-buttons></my-buttons>
    ...
    <input hidden type="reset">
    <input hidden type="submit">
  </form>
<iron-form>

或者以任何方式触发这些事件？即，我已经从我的 <paper-button> 中发送了一个事件，如下所示

我的-buttons.html

<paper-button on-tap="_reset">Reset</paper-button>
<paper-button on-tap="_save">Save</paper-button>

<script>
  _reset() {
    // dispatchEvent...
  }
  _save() {
    // dispatchEvent...
  }
</script>

我想为显示给 <iron-form>.

用户的按钮提供漂亮的（Material 设计）样式

I am also watching @notwaldorf's (Monica D's) tutorial here.

Answer 1

您实际上并不需要那些隐藏的输入，因为 <iron-form> 为等效事件提供了 API。即，<iron-form>.submit() and <iron-form>.reset():

// <iron-form id="form">

_reset() {
  this.$.form.reset();
}

_submit() {
  this.$.form.submit();
}

demo

在 Polymer 2.x 中设置原生输入的样式？

Styling native input in Polymer 2.x?

javascript

forms

polymer

polymer-2.x