我使用Polymer支持Web技术,考虑到我重置paper-input元素的方式,我感到有些困惑。
当我重新打开表单时,我不想要这个:
但是这个:
我的工作正常,我只是要求确认我的实施并要求最佳实践,如果它不是最好的方法。
当我使用空字符串重置paper-input
值时,我会避免自动验证以显示错误消息"需要一些文字!"通过使用绑定到属性muteValidation
的名为auto-validate
的中间属性:
DOM:
<paper-input
label="Type your word"
always-float-label
placeholder="English"
required
auto-validate$="[[muteValidation]]"
error-message="Needs some text!"
value="{{word.english}}">
</paper-input>
脚本:
open: function() {
this._setOpened(true);
this.create();
},
create: function() {
this._setOpened(true);
this.muteValidation = false;
this.set('word.english', '');
this.muteValidation = true;
Polymer.dom(this).classList.add('open');
},
对我而言,使用属性muteValidation
只是为了简单地重置我的字段听起来有点奇怪。
我的代码是对还是完全邪恶?