首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Vee-Validate:具有多个条件的依赖下拉列表

Vee-Validate:具有多个条件的依赖下拉列表
EN

Stack Overflow用户
提问于 2019-05-09 23:29:36
回答 1查看 1.8K关注 0票数 0

我的表单有三种需要验证的依赖输入方法。

  1. First Dropdown
  2. Second Dropdown
  3. Third Free Text

(自由文本第一个下拉列表和第三个自由文本下拉列表)

我需要帮助来实现required_if条件,因为语法有点混乱,不能让它工作,并解决以下问题

当问题类别的值为'Other (Enter Detail)‘时,则需要禁用Issue,详细信息字段变为required.

  • When Issue的值为'Other (Enter Detail)’时,第二个下拉列表中的Detail字段变为required.

  • v-bind:key
  1. ,但不确定如何使用数字删除控制台中显示的错误。

CodeSandbox

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-10 04:48:08

首先,请在以后的问题中包含相关代码。代码沙箱很棒,非常有帮助,但是在Stack Overflow上,目标是能够在站点内找到答案(不需要离开它来查看问题或答案的部分)。

您不需要使用required_if。相反,请使用v-validate的对象形式,如下所示:

代码语言:javascript
复制
  <b-input 
    type="textarea" 
    v-model="item.detail" 
    v-validate="{'required':(item.issue_category == 'Other (Enter Detail)')}" 
    name="detail">
  </b-input>

对于您的其他问题,它基本上是相同的,除了您还忘记了给select一个必需的name。另外,不要在其中混用HTML5 required属性,我不认为这有什么帮助:

代码语言:javascript
复制
          <b-select
            v-model="item.issue"
            name="Issue"
            v-validate="{'required':(item.issue_category != 'Other (Enter Detail)')}"               >

就这样!请参阅工作示例here

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56062878

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档