如何扩展vue-validator？

Question

我尝试了一下，使用下面的代码：

<template>
  <form @submit.prevent="submitForm" novalidate>
    <loader size="medium" v-if="isSubmittingForm"></loader>
    <slot></slot>
  </form>
</template>

<script>
import Validator from 'vue-validator';

export default {
  extends: Validator,

  data() {
    return {
      isSubmittingForm: false
    }
  },

  methods: {
    submitForm() {
    }
  }
}

但是我得到了一个错误的Cannot read property 'components' of undefined。有没有像这样扩展vue-validator的方法？

Answer 1

你需要做两件事中的一件。1.创建一个包含通用功能的组件，并使用vue.extends钩子对其进行扩展，或者，2.更好的选项是，将所有共享的属性、方法等包装到一个对象文字中，并将其转换为一个mixin。

http://vuejs.org/guide/mixins.html