Vue 中需要验证答案

【问题标题】：Validation Required in VueVue 中需要验证
【发布时间】：2020-07-23 08:13:27
【问题描述】：

我在我的 VueJS 中使用 vee-validate，我想知道如何添加验证，如果 form.order == 1 则需要它

 <ValidationProvider rules="v-if="form.order == 1 ? required: ''" v-slot="{ errors }" name="Entity">
   <v-col md="4">
      <v-text-field
         label="First Name"
         v-model="form.first_name"
         outlined
         hide-details="auto"
         :error-messages="errors[0]"
         ></v-text-field>
   </v-col>
</ValidationProvider>

【问题讨论】：

标签： vue.js vee-validate

【解决方案1】：

我建议您将@Phymo 的答案移到计算属性中，这样您的模板就可以保持干净、可读和可扩展。这样，您可以随时交换实现。即

<template>
  <ValidationProvider :rules="applyRules" v-slot="{ errors }" name="Entity">
     <v-col md="4">
        <v-text-field
           label="First Name"
           v-model="form.first_name"
           outlined
           hide-details="auto"
           :error-messages="errors[0]"
           ></v-text-field>
     </v-col>
  </ValidationProvider>
 </template>

<script>
export default {
  data: () => ({
    form: {
      // form structure
    }
  }),
  computed: {
    applyRules() {
      return this.form.order === 1 ? 'required' : ''
    }
  }
 }
</script>

【讨论】：

【解决方案2】：

试试这个。

:rules="form.order == 1 ? 'required' : ''"

【讨论】：