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

Question

I am trying to implement this answer.

有没有办法将on-click的{​​{1}}或on-tap事件绑定到以下<paper-button> hidden元素之一？

我-form.html

input

或以任何方式触发这些事件？即，我已从<iron-form> <form> ... <my-buttons></my-buttons> ... <input hidden type="reset"> <input hidden type="submit"> </form> <iron-form> 发送了一个事件，如下所示

我-buttons.html

<paper-button>

我想为我<paper-button on-tap="_reset">Reset</paper-button> <paper-button on-tap="_save">Save</paper-button> <script> _reset() { // dispatchEvent... } _save() { // dispatchEvent... } </script> 的用户显示的按钮提供漂亮的（Material Design）样式。

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

Answer 1

您并不真正需要这些隐藏的输入，因为<iron-form>为等效事件提供了API。即，<iron-form>.submit()和<iron-form>.reset()：

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

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

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

demo