<div class=" col-xs-12 col-md-6 col-lg-4" v-for="(p1,index) in carList" :key="index">
    <div class="box box-success" style="margin-top: 15px;overflow: hidden;" >
     <div class="col-xs-7" style="border-right:1px solid #eee;padding-top: 10px;">
      <label class="col-xs-12 " style="padding: 5px 0;">車(chē)牌號(hào): <span style="font-weight: normal;word-break:break-all;">{{p1.planLicenseNo}}</span></label>
      <label class="col-xs-12" style="padding: 5px 0;;">司機(jī)：<span style="font-weight: normal;word-break:break-all;">{{p1.planDriver}}</span></label>
     
     </div>
     <div class="col-xs-5" style="padding-top: 10px;">
      <div class="form-group" :class="{'has-error': errors.has('licenseNo' + index, 'newsletter' + index)}">
       <label >實(shí)際車(chē)牌號(hào) <i class="errMsg">*</i></label>
       <input type="text" class="form-control" v-model.trim="p1.licenseNo"
           v-validate="{required: true}" :data-vv-scope="'newsletter' + index"
           :name="'licenseNo' + index" :data-vv-as="$t('pagefield.purchase.carCode')">
       <span v-show="errors.has('licenseNo' + index, 'newsletter' + index)" class="help-block">{{ errors.first('licenseNo' + index, 'newsletter' + index) }}</span>
      </div>

      <div class="form-group" :class="{'has-error': errors.has('actualQty' + index, 'newsletter' + index)}">
       <label >實(shí)際數(shù)量(頭)<i class="errMsg">*</i></label>
       <input type="text" class="form-control" v-model.trim="p1.actualQty" :data-vv-scope="'newsletter' + index"
           v-validate="{required: true, decimal:2, min_value: 0, max_value: p1.planQty}"
           :name="'actualQty' + index" :data-vv-as="$t('message.quantity')">
       <span v-show="errors.has('actualQty' + index, 'newsletter' + index)" class="help-block">{{ errors.first('actualQty' + index, 'newsletter' + index) }}</span>
      </div>
      <div class="form-group" :class="{'has-error': errors.has('actualWgh' + index, 'newsletter' + index)}">
       <label>總重(kg) <i class="errMsg">*</i></label>
       <input type="text" class="form-control" v-model.trim="p1.actualWgh" :data-vv-scope="'newsletter' + index"
           v-validate="{required: true, decimal:2, min_value: 0, max_value: p1.planWgh}"
           :name="'actualWgh' + index" :data-vv-as="$t('message.weight')">
       <span v-show="errors.has('actualWgh' + index, 'newsletter' + index)" class="help-block">{{ errors.first('actualWgh' + index, 'newsletter' + index) }}</span>
      </div>
      <div class="form-group">
       <label>過(guò)磅單</label>
       <input type="text" class="form-control" v-model.trim="p1.weightNo">
      </div>

     </div>
     <div class="col-xs-12 text-right" style="border-top: 1px solid #eee;padding: 10px 15px;">
      <button class="btn btn-warning" @click="doSave(p1, index)">保存</button>
     </div>
    </div>
   </div>

doSave (obj, i) {
    var _self = this
    var validateScope = 'newsletter' + i
    this.$validator.validate(validateScope + '.*').then((result) => {
     if (result) {
      // 提交數(shù)據(jù)
      _self.doSaveAfterCheck()
     }
    })
   }

/*
errors.has（field, scope） 返回一個(gè)true / false
errors.has('actualWgh' + index, 'newsletter' + index)}" 表示驗(yàn)證區(qū)域是 data-vv-scope = 'newsletter' + index 驗(yàn)證的字段是屬性 name ='actualWgh' + index
first（field，scope） 返回與特定字段關(guān)聯(lián)或由選擇器指定的第一條錯(cuò)誤消息，前提是作用域?qū)⒉檎以摲秶鷥?nèi)的消息,
*/
<div class="form-group" :class="{'has-error': errors.has('actualWgh' + index, 'newsletter' + index)}"> 
 <label>總重(kg) <i class="errMsg">*</i></label>
 <input type="text" class="form-control" v-model.trim="p1.actualWgh" :data-vv-scope="'newsletter' + index"
     v-validate="{required: true, decimal:2, min_value: 0, max_value: p1.planWgh}"
     :name="'actualWgh' + index" :data-vv-as="$t('message.weight')">
 <span v-show="errors.has('actualWgh' + index, 'newsletter' + index)" class="help-block">{{ errors.first('actualWgh' + index, 'newsletter' + index) }}</span>
</div>

this.$validator.validate().then((result) => {
    if (result) {
     // 提交數(shù)據(jù)。
　　　　　　//　　 result是一個(gè)boolean值。true 表示沒(méi)有觸發(fā)錯(cuò)誤規(guī)則，false 表示頁(yè)面有非法值，觸發(fā)錯(cuò)誤
     _self.doSaveAfterCheck()
    }
   })

this.$validator.validateAll().then((result) => {
    if (result) {
     // 提交數(shù)據(jù)。
     _self.doSaveAfterCheck()
    }
   })

// validate all fields.
//　　校驗(yàn)全局范圍所有字段
validator.validate(); === validateAll() 兩個(gè)方法完全一樣。
// validate a field that has a matching name with the provided selector.
// 校驗(yàn)?zāi)膫€(gè)字段？ field 取name的值。
validator.validate('field');
// validate a field within a scope.
// 校驗(yàn) 某個(gè)域內(nèi) 的某個(gè)字段。
validator.validate('scope.field');
// validate all fields within this scope.
// 校驗(yàn) 某個(gè)域內(nèi)的所有字段。  上述例子就是用的這個(gè)。  *_* 
validator.validate('scope.*');
// validate all fields without a scope.
// 校驗(yàn)沒(méi)有定義域內(nèi)的 字段。適用場(chǎng)景： 校驗(yàn)場(chǎng)景分為兩種： 定義域的，沒(méi)有定義域。
//　　當(dāng)頁(yè)面所有需要校驗(yàn)的字段，都定義了域，則這個(gè)方法會(huì)導(dǎo)致沒(méi)有可校驗(yàn)的值，直接返回true
validator.validate('*');