账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    veevalidate 校验 select2 ?
    35
    0
    <div class="form-group">
                        <label for="countryId" class="col-sm-3 control-label"> {{$t('label["地区选择"]')}}:</label>
                        <div class="col-sm-5">
                            <select2 data-vv-name="countryId"  id="countryId" name="countryId" class="form-control"
                                      v-model="IC.countryId" :options="ICCountries" v-validate="'required'"></select2>
                        </div>
                        <div class="col-sm-4 form-tips">
                            <span v-show="errors.has('IC.countryId')" class="validate-error">
                                {{ $t(`validator['${errors.first('IC.countryId')}']`,{field:$t('label["地区选择"]')}) }}
                           </span>
                        </div>
                    </div>

    默认select2 空的,点击提交,就会所这个表单不能为空,
    但是我选值,这个错误提示并不会消失,这个验证有错误吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 兲陰冷随風 普通会员 1楼

      VeeValidate 是一个用于验证 Vue.js 中元素输入格式的库。对于 select2 的校验,你可以使用 VeeValidate 的 select2.validate 方法。

      以下是一个简单的例子:

      ```javascript import { VeeValidate } from 'vee-validate';

      // 创建一个 Vue 实例 const app = new Vue({ el: '#app', data() { return { // 验证 select2 元素的值 select2: new VeeValidate({ validate: { select: { options: ['Option 1', 'Option 2', 'Option 3'], required: true } } }) }; } });

      // 在模板中使用 select2 ```

      在这个例子中,我们创建了一个名为 select2 的 select 元素,然后使用 VeeValidatevalidate 方法来验证它的值。我们设置了 options 需要满足的条件(即,它必须包含 'Option 1', 'Option 2', 'Option 3')和 required 属性(即,必须有选项)。如果 select2 的值不符合这些条件,那么 validate 方法将返回一个错误对象,你可以通过这个对象来获取错误信息。

      注意:你需要先安装 VeeValidate,可以通过 npm 或 yarn 来安装:

      ```bash npm install vee-validate

      或者

      yarn add vee-validate ```

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部