如何在聚合物js中验证l2t-paper-color自定义元素

Question

我正在使用l2t-paper-color元素，我无法调用其验证功能，任何人都可以告诉我解决方法或解决方案。

<l2t-paper-color id="Color" required auto-validate></l2t-paper-color>

这不起作用。 任何使这项工作或如何验证的方法。

Answer 1

根据组件l2t-paper-color的{​​{3}}，没有属性auto-validate和required。如果你想验证，我建议你打电话 value-changed事件并在那里进行验证。

HTML：

<l2t-paper-color value="{{color}}" on-value-changed="_onValueChanged"></l2t-paper-color>

JS：

_onValueChanged(e){
  console.log(e.detail.value);
  //Validation code...
}

示例：documentation

Answer 2

我猜你用铁形式？如果是，则组件需要实现iron-form-element-behavior。如果它不是你自己的Component，你必须编写一个实现行为的包装器。