Vue.js 使用vee validate验证dropbox

Vue.js 使用vee validate验证dropbox,vue.js,vuejs2,vee-validate,Vue.js,Vuejs2,Vee Validate,很抱歉问了一个非常基本的问题 我正在尝试使用vee validate验证表单。文本/电子邮件/数字字段不是问题。但是我找不到关于验证下拉列表/复选框/无线电字段的好文档 我想要的是“你必须从下拉列表中选择一些选项”。为此我试过了 <p class="help is-danger" v-show="standard===''">Select the standard student is studing in.</p> 选择学生学习的标准课程 其中,标准是借助于v-mo

很抱歉问了一个非常基本的问题

我正在尝试使用vee validate验证表单。文本/电子邮件/数字字段不是问题。但是我找不到关于验证下拉列表/复选框/无线电字段的好文档

我想要的是“你必须从下拉列表中选择一些选项”。为此我试过了

<p class="help is-danger" v-show="standard===''">Select the standard student is studing in.</p>

选择学生学习的标准课程


其中,标准是借助于v-model=“标准”绑定的属性。这是工作的预期,但我希望这条消息时显示下拉菜单是“触摸”。我无法解决这个问题。

您可以使用
数据vv验证on
属性:

data-vv-validate-on="focus"

然后,每当下拉菜单打开时,验证器就会启动,例如。

我找到了解决方法

<div class="select" :class="{'is-success': standard!='', 'is-danger': standard=='' && standardIsFocused}">
   <select v-model="standard" @focus.once="standardToggle()">
      ...
   </select>
 </div>
 <p class="help has-text-left is-danger" v-show="standard==='' && standardIsFocused">Selecting one of the option is required.</p>

谢谢你的回复,我试着这么做,但没有结果。我还添加了v-validate=“'required]”和绑定的类“is danger”,其中name=“standard”仍然没有结果。因此,我找到了一些,但恐怕没有什么需要详细说明的。和

其中,在数据对象中将standardIsFocused设置为False,并使用standardstoggle()切换该属性。它有点太脏了,但很管用。我是否应该对此添加一个答案?顺便说一句,谢谢你的意见。

data () {
  return {
    standardIsFocused: false,
  },
methods: {
  standardToggle() {
    this.standardIsFocused = !this.standardIsFocused
  }
}