Vue 插件 vee-validate 安装不正确

Question

我想在不使用npm install --save的情况下使用vee-validate插件进行表单验证，所以我将dist文件夹中的文件复制到我的项目中，但由于某些原因我不能正确使用插件。

这就是我在哈巴狗文件中将插件作为脚本调用的方式 register.pug:

block main-content
  .article#register
  form
    input(
      v-model="email"
      v-validate.initial="'required|email'"
      :class="{'input': true, 'is-danger': errors.has('email') }")
block page-specific-scripts
  script(data-minjs-group="register" src="/libs/vue/vee-validate.js")
  script(data-minjs-group="register" src="/scripts/onboarding/register.js")

这是register.js:

(function(doc, win) {
  'use strict';

  var register = new Vue({ 
    el: '#register',
    data: {
      email: ''
    }
  });
})(document, window);

当我重新加载页面时，我收到此消息："Property or method "错误“未在实例上定义，但在呈现期间被引用。”事实并非如此，因为我相信 errors 是 vee-validate 插件的内置属性。

Answer 1

你可能还没有添加这个。

Vue.use(VeeValidate);

(在new Vue之前加上)

Vue 插件 vee-validate 安装不正确

Vue plugin vee-validate not installing properly

vue.js

pug

vee-validate