Vee-Validate僅驗證一個字段

Question

我正在使用vuejs 2並使用vee-validate 2.0.0-beta.18進行驗證。 但是當我調用this.$validator.validateAll()時遇到問題，它僅驗證一個字段。 這是jsfiddle 。

這是html：

<body>
  <div id="app">
    <form @submit.prevent="submitForm">
      <label>Email</label>
      <input type="text" placeholder="Email" class="form-control" 
          v-model="email" name="email"
          v-validate data-vv-rules="required|email">
      <p v-if="errors.has('email')" class="text-danger">{{ errors.first('email') }}</p>

      <label>Name</label>
      <input type="text" placeholder="Name" class="form-control" 
          v-model="name" name="name"
          v-validate data-vv-rules="required">
      <p v-if="errors.has('name')" class="text-danger">{{ errors.first('name') }}</p>

      <label>City</label>
      <select class="form-control" 
          v-model="city" name="city" 
          v-validate data-vv-rules="required">
        <option value="">-- Select One --</option>
        <option value="c.id" v-for="c in cities">{{ c.name }}</option>
      </select>
      <p v-if="errors.has('city')" class="text-danger">{{ errors.first('city') }}</p>

      <button>Submit</button>
    </form>

    <pre>{{ errors }}</pre>
    <pre>{{ fields }}</pre>

  </div>
</body>

這是js：

Vue.use(VeeValidate);

new Vue({
  el: '#app',
  data: {
    cities: [{
      id: 1,
      name: 'Jakarta'
    }, {
      id: 2,
      name: 'Depok'
    }],
    name: '',
    city: '',
    email: ''
  },
  methods: {
    submitForm: function() {
      this.$validator.validateAll().then(function(success) {
        if (!success) return;

        alert("All good")
      })
    }
  }
})

為什么只驗證電子郵件字段？

Answer 1

在上面的html代碼中，當我將錯誤顯示指令從"v-if"更改為"v-show"它開始工作。 這是JsFiddle中的工作示例。

根據以下VueJs文檔指南，是"v-if"與"v-show" 。

v-if是惰性的： 如果條件在初始呈現時為false，則它將不執行任何操作-在條件首次變為true之前，不會呈現條件塊 。

相比之下， v-show要簡單得多-不論初始條件如何，始終都會呈現該元素，而只是基於CSS的簡單切換即可。

Vee-Validate僅驗證一個字段

問題描述

1 個解決方案

解決方案1
1 已采納 2017-01-13 19:47:54

Vee-Validate僅驗證一個字段

問題描述

1 個解決方案

解決方案1 1 已采納 2017-01-13 19:47:54

解決方案1
1 已采納 2017-01-13 19:47:54