javascript - Vaadin グリッド内の入力をクリアできませんか?

Question

過去に s を空白にする方法を使用したことがありpaper-inputますが、 と組み合わせた場合、通常の方法では機能しませんVaadin-grid。

ここで何か不足していますか？

Vaadin グリッド HTML

<vaadin-grid-column>
    <template class="header">
        <div class="horizontal layout cell">
            <label for="keyFilter" class="keyText cell flex">Key</label>
            <vaadin-grid-filter class="cell" id="keyFilter" path="key" value="[[_filterKey]]">
                  <paper-input no-float-label class="keyFilter" id="keyFilter" slot="filter" placeholder="Filter search" value="{{_filterKey::input}}" focus-target on-input="clearAppear" >
                        <iron-icon suffix icon="clear" class="clearIcon" on-click="clearField" clear-item-id="keyFilter"></iron-icon>
                 </paper-input>
             </vaadin-grid-filter>
        </div>
    </template>
    <template class="cell">[[item.key]]</template>
</vaadin-grid-column>

私は次のJSを試みました：

// Attempt 1 - gives "undefined" within the dev tools 
this.$.keyFilter.value = '';

// Attempt 2 - finds the correct element, but does not set the value to blank
document.getElementById('keyFilter').value = ''