Vee-validate + VueSimpleSuggest 在加载页面上显示错误

问题描述 投票:0回答:0

enter image description here

我正在使用 2 个模块 Vee-validate + VueSimpleSuggest。如果您只使用 Vee-validate,一切都会正常运行。但是如果使用 Vee-validate + VueSimpleSuggest,那么错误会立即显示在加载页面上。我没有在文档中找到任何解决方案,也许有人遇到并可以提供帮助。

<ValidationProvider
          name="enteredFrom"
          rules="required"
          v-slot="{ errors }"
        >
          <div
            class="form-group form-group--zindex"
            v-click-outside="onClickOutsideFrom"
          >
            <label for="enteredFrom" class="form-label"
              >Введіть станцію відправлення</label
            >
            <vue-simple-suggest
              type="text"
              name="enteredFrom"
              v-model.trim="group.enteredFrom"
              placeholder="Станція відправлення"
              :list="simpleSuggestionList"
              :filter-by-query="true"
              :styles="autoCompleteStyle"
              @focus="showStationFrom"
              @show-list="hideStationFrom"
              autocomplete="off"
            >
            </vue-simple-suggest>
            <span>{{ errors[0] }}</span>
          </div>
        </ValidationProvider>
vue.js nuxt.js vee-validate vue-simple-suggest
© www.soinside.com 2019 - 2024. All rights reserved.