否对选择框进行验证无效

如何解决否对选择框进行验证无效

我是vee-validate的新手，它可用于基本的<input type="text">字段。但是现在，当相应的输入字段不为空时，我很难让它成功地验证<select>字段。

如果对应的<input type="text">字段中有值，我要尝试选择的选择选项。如果<input type="text">字段为空，则不需要选择框项目。看来我需要使用required_if选项，但无法正常使用。

这是选择项：

<select 
   ref='fav_color'
   v-validate.immediate="'required_if:fav_num'" 
   :class="{'input': true,'is-danger': errors.has('fav_color') }" 
   name='fav_color' 
   id='fav_color'
>
      <option value=''></option>
      <option value='green'>green</option>
      <option value='blue'>blue</option>
      <option value='purple' >purple</option>
      <option value='yellow'>yellow</option>
</select>
<span v-show="errors.has('fav_color')" class="is-danger">{{ errors.first('fav_color') }}</span>

以及所有内容的小提琴：https://jsfiddle.net/rqv2gokb/1/