Vee-Validate:具有多个条件的依赖下拉列表
Vee-Validate:具有多个条件的依赖下拉列表
提问于 2019-05-09 23:29:36
我的表单有三种需要验证的依赖输入方法。
- First Dropdown
- Second Dropdown
- Third Free Text
(自由文本第一个下拉列表和第三个自由文本下拉列表)
我需要帮助来实现required_if条件，因为语法有点混乱，不能让它工作，并解决以下问题
当问题类别的值为'Other (Enter Detail)‘时，则需要禁用Issue，详细信息字段变为required.
- When Issue的值为'Other (Enter Detail)’时，第二个下拉列表中的Detail字段变为required.
- v-bind:key
- ，但不确定如何使用数字删除控制台中显示的错误。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-10 04:48:08
首先，请在以后的问题中包含相关代码。代码沙箱很棒，非常有帮助，但是在Stack Overflow上，目标是能够在站点内找到答案(不需要离开它来查看问题或答案的部分)。
您不需要使用required_if。相反，请使用v-validate的对象形式，如下所示：
<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属性，我不认为这有什么帮助：
<b-select
v-model="item.issue"
name="Issue"
v-validate="{'required':(item.issue_category != 'Other (Enter Detail)')}" >就这样!请参阅工作示例here。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56062878
复制相关文章
相似问题
腾讯云开发者
