- 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 条
- 全部回答
-
兲陰冷随風 普通会员 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 元素,然后使用VeeValidate的validate方法来验证它的值。我们设置了options需要满足的条件(即,它必须包含 'Option 1', 'Option 2', 'Option 3')和required属性(即,必须有选项)。如果select2的值不符合这些条件,那么validate方法将返回一个错误对象,你可以通过这个对象来获取错误信息。注意:你需要先安装 VeeValidate,可以通过 npm 或 yarn 来安装:
```bash npm install vee-validate
或者
yarn add vee-validate ```
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
