Ошибки VeeValidate не определяются при импорте в пользовательский плагин - PullRequest
Новая
       20

Ошибки VeeValidate не определяются при импорте в пользовательский плагин

1 голос
/ 16 мая 2019

Я создаю собственный плагин Vue JS, используя vue create CLI.Я импортировал свои различные пакеты, однако при попытке использовать пользовательские настройки с VeeValidate выдает ошибку.

plugin.js 

/*
 * NOTE:
 *   This file is plugin stub for main.js
 */

// Import required packages
import Vue from 'vue'
import VeeValidate from 'vee-validate'
import VueResource from 'vue-resource'
import BootstrapVue from 'bootstrap-vue'

// Import custom LES form styling
import './assets/scss/les-application.scss'

// Import our plugin
import plugin from './index'

/* Vue Validation */
const config = {
  fieldsBagName: 'fields',
  errorBagName: 'errors',
  classes: true,
  strict: false,
  classNames: {
    valid: '',
    invalid: 'is-invalid'
  },
  events: 'change|blur',
  validity: false,
  inject: false,
  aria: true,
  delay: 0
}

Vue.use(require('vue-moment'))
Vue.use(VueResource)
Vue.use(VeeValidate, config)
Vue.use(plugin)

// Custom validation rules


/*
 * NOTE:
 *   If you want Vue instance of main.js to import something in your plugin as a Vue option,
 *   you need to export it here.
 */
// export default plugin

main.js 

import Vue from 'vue'
import App from './App.vue'
import './plugin'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

Ошибки: 

Property or method "errors" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

и 

Cannot read property 'has' of undefined

Я пытаюсь понятьиз того, что мне не хватает в моей конфигурации, если я удаляю конфигурацию VeeValidate из plugin.js, она использует параметры VeeValidate по умолчанию и работает.

...