相关疑难解决方法(0)

Vue 插件 vee-validate 安装不正确

我正在尝试使用vee-validate插件进行表单验证而不使用npm install --save,所以我将 dist 文件夹中的文件复制到我的项目中,但由于某种原因我无法正确使用该插件。

这就是我在 pug 文件中将插件称为脚本的方式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")
Run Code Online (Sandbox Code Playgroud)

这是register.js

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

  var register = new Vue({ 
    el: '#register',
    data: {
      email: ''
    }
  });
})(document, window);
Run Code Online (Sandbox Code Playgroud)

当我重新加载页面时,我收到以下消息:“属性或方法“错误”未在实例上定义,但在渲染过程中被引用。” 这不应该是这种情况,因为我认为这errors是 vee-validate 插件的内置属性。

vue.js pug vee-validate

0
推荐指数
1
解决办法
3771
查看次数

标签 统计

pug ×1

vee-validate ×1

vue.js ×1