如何将自定义 属性 添加到 vue 输入字段

Question

<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>

以上代码生成以下 html 代码。

<input type="text" name="date" placeholder="Select date" class="styled-form__input">

我的问题是，如何将自定义 属性 添加到输入字段。 我想添加 autocomplete="false"

Answer 1

我检查了 source code，目前无法添加自定义属性。 有一个解决方法，您可以关闭所有表单的 autocomplete，但它可能不适合您的情况。

<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>

Answer 2

正如@ittus 所说，库没有添加自动完成的选项。

可以通过原版添加Javascript。

向日期选择器添加一个ref

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

并使用 mounted 挂钩

中的引用查询 DOM

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