Vue.js Vue中需要验证

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

试试这个

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

试试这个

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

---

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

导出默认值{
数据：（）=>({
表格：{
//形式结构
}
}),
计算：{
applyRules（）{
返回this.form.order==1？“必需”：”
}
}
}

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

导出默认值{
数据：（）=>({
表格：{
//形式结构
}
}),
计算：{
applyRules（）{
返回this.form.order==1？“必需”：”
}
}
}