Machen Sie V-Validate-Feld dynamisch

Question

Ich habe eine Benutzereingabe Textfeld auf meinem Formular. Die Sichtbarkeit basiert auf myboolean, das in der js-Datei festgelegt ist. Ich möchte auch v-validate: field_title abhängig von myboolean. Momentan wenn v-validate: field_title = "['required']" muss in dem Feld ein Text vorhanden sein, um das Formular abschicken zu können.

`<div class="form-group" v-show="myboolean == 'true'"> 
     <label for="field_title">Field Title: </label> 
     <input id="field_title" 
     class="form-control field_title_typeahead title" 
     name="field_title" type="text" 
     placeholder="Select Field" 
     autocomplete="off" value="" 
     v-validate:field_title="['required']"> 
    </div>` 

Answer 1

Umgeben der Klasse mit einem V-If-Tag schien den Trick zu tun.

<div v-if="myboolean == 'true'"> 
     <div class="form-group"> 
       <label for="field_title">Field Title: </label> 
       <input id="field_title" 
       class="form-control field_title_typeahead title" 
       name="field_title" type="text" 
       placeholder="Select Field" 
       autocomplete="off" value="" 
       v-validate:field_title="['required']"> 
     </div> 
</div