鍍金池/ 問(wèn)答/HTML/ elementui 校驗(yàn)

elementui 校驗(yàn)

<el-form-item label="運(yùn)輸方式" prop="TrafModeObj">
                     <div class="hasDownArrow">
                        <input style="width:106px;background:#fdfce3;" v-model="customForm.TrafModeObj" class="j_select bg-yellow" name="" id="originCountry" data-check="imp" type="text" data-options="dataSourceMethod:BaseDataDao.getTransportation,onSelect:function(data){selectTrafModeFn(data)}" />
                        <i></i>
                        <input v-model="customForm.TrafMode"  name="" type="hidden" />
                        <input v-model="customForm.TrafModeName" name="" type="hidden" />
                       </div>
</el-form-item>

校驗(yàn)規(guī)則:
customFormAdd: {
            TrafModeObj: [
              {validator: chkTrafModeObj,trigger:'change,blur'}   
            ]
          },
校驗(yàn)方法:
function chkTrafModeObj(rule, value, callback){
  if (!value) {
      callback(
        new Error()
      ) 
    }else {
        $("#promptMessage").html('')
         callback()
    }    
}

因?yàn)樾枨笤?,我在elementui布局中要使用一個(gè)下拉選組件,就是div那個(gè)組件。里面都是input,第一個(gè)input是顯示選中項(xiàng)的,里面還包含了方法,就是data-options。現(xiàn)在我就想按照elementui校驗(yàn)el-input的規(guī)則去校驗(yàn)div里面的input,但是沒(méi)有反應(yīng)。當(dāng)TrafModeObj為空時(shí),也沒(méi)有去校驗(yàn)。現(xiàn)在的需求是怎么取校驗(yàn)這個(gè)第一個(gè)input呢

回答
編輯回答
夕顏

input頁(yè)面加載后調(diào)用驗(yàn)證

this.$refs.TrafModeObj.validateField("chkTrafModeObj");
2017年7月21日 14:07