Question

我希望能够扩展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？

Answer 1

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

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

如何扩展vue-validator？

1 个答案: