使用vue-validator 一直报错 提示 minlength of undefined ?

发布于 2022-09-03 18:56:56 字数 1280 浏览 22 评论 0

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

  2. 报错截图

clipboard.png

//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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

各空 2022-09-10 18:56:56

是不是应该吧required 加上。

ゝ偶尔ゞ 2022-09-10 18:56:56

请问你解决了吗,我也遇到了同样的问题

ぽ尐不点ル 2022-09-10 18:56:56

请问下题主? 这个验证插件应该怎么在router前引用?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文