vue.js - 使用vue-validator 一直报错 提示 minlength of undefined ？

问题描述

问 题

1. 使用vue-validator，按文档安装，验证required的时候报Cannot read property 'minlength' of undefined，验证minlength的时候Cannot read property 'minlength' of undefined

2. 报错截图

//app.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import VueValidator from 'vue-validator'

import router from './router/router'

Vue.use(VueValidator);

router.start(App, '#app');

<validator name="validator1">
  <form class="form-horizontal" novalidate>
    <div class="form-group">
      <label for="input-1" class="col-sm-2 control-label">{{ $t("creation.orderNo") }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="input-1" v-model="order_id" placeholder="{{ $t('creation.orderNo') }}" v-validate:order_id="{minlength: 16, maxlength: 128}">
        <span v-show="$validator1.order_id.minlength">Your comment is too short.</span>
      </div>
    </div>
  </form>
</validator>

解决方案

是不是应该吧required 加上。

这篇关于vue.js - 使用vue-validator 一直报错 提示 minlength of undefined ？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！