我正在尝试使用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")
这是register.js
:
(function(doc, win) {
'use strict';
var register = new Vue({
el: '#register',
data: {
email: ''
}
});
})(document, window);
当我重新加载页面时,我收到以下消息:“属性或方法“错误”未在实例上定义,但在渲染期间被引用。” 这不应该是这样,因为我认为这errors
是 vee-validate 插件的内置属性。