如何扩展 vue-validator？答案

【问题标题】：How can I extend vue-validator?如何扩展 vue-validator？
【发布时间】：2016-09-20 17:15:50
【问题描述】：

我希望能够扩展 vue-validator 以便能够抽象出表单之间的通用功能（例如加载微调器和检索服务器端错误）。

我使用以下方法对其进行了尝试：

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

【问题讨论】：

标签： javascript components vue.js

【解决方案1】：

你需要做两件事之一。 1. 创建一个包含常用功能的组件并使用 vue.extends 挂钩对其进行扩展，或者， 2. 更好的选择恕我直言，将所有共享属性、方法等包装成一个对象文字并将其变成一个 mixin。

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

【讨论】：