使v-validate字段动态化

时间:2017-03-21 14:02:03

标签: html

我的表单上有一个用户输入文本框。可见性基于在js文件中设置的myboolean。我还想v-validate:field_title依赖于myboolean。目前,如果v-validate:field_title =“['required']”,则字段中必须有文字才能提交表单。

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

1 个答案:

答案 0 :(得分:0)

使用v-if标签在课堂周围似乎可以解决问题。

<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