Clearing the input about vue-awesomplete

[sandi-racy]

How do you clear the input?

[ardian-c]

By reseting the text of input using plain Javascript.

[sandi-racy]

Have you tried this.$refs.skills.internalValue = null ?

[ardian-c]

I'm trying to clear all inputs, and clearing button is in another component and I cannot access through this.$refs.

[ardian-c]

Any updates on the issue?

[martinhbramwell]

I created a button ...

<div class="level-item" v-if="autocompleteDirty">
  <a class="button is-small is-black is-inverted" @click="clearAutoComplete">
    <span class="icon is-small"><i class="far fa-trash-alt"></i></span>
  </a>
</div>

... whose click handler calls clearAutoComplete ...

  clearAutoComplete() {
    this.autocompleteDirty = false;
    this.$refs.prsnPckr.$el.value = '';
  },

this.autocompleteDirty = true; gets called in the input event handle of the vue-awesomplete element.

(Layout handled by Buefy/Bulma)