Question

我在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>

Answer 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>

Answer 2

尝试一下。

Cookies.set("name", "value", {SameSite : "None; secure" });

Vue中需要验证

2 个答案: