[Vuejs]-How to add custom property to vue input field

by

1👍

✅

I checked source code, at the moment there is no way to add custom properties.
There is a workaround, You can turn off autocomplete for all form, but it might not be suitable for your situation.

<form autocomplete="off">
  <datepicker
    initial-view="year"
    input-class="styled-form__input"
    placeholder="Select date"
    @input="changeHandler"
    calendar-button-icon="fa fa-calendar"
    name="date"
    language="eng">
  </datepicker>
</form>
👤ittus

1👍

Like @ittus has said, the library does not have the option to add autocomplete.

It can be added through vanilla Javascript.

add a ref to the datepicker

  <datepicker ref="datepicker1"></datepicker>

and query the DOM using the ref in mounted hook

  mounted() {
    this.$refs.datepicker1.$el.querySelector('input').autocomplete = false;
  }
👤Jacob Goh

Leave a comment