鍍金池/ 問答/HTML/ elementui 校驗

elementui 校驗

<el-form-item label="運(yùn)輸方式" prop="TrafModeName">
                     <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>
                    
customFormAdd: {
            TrafModeObj: [
              {validator: chkTrafModeObj,trigger:'change,blur'}   
            ]
          },

現(xiàn)在的需求是我想用elementui去校驗input customForm.TrafModeObj 這個里面的值有問題時沒做出提示,但是沒有反應(yīng),是因為不是el-input標(biāo)簽嘛?應(yīng)該怎么處理這個問題啊

回答
編輯回答
臭榴蓮

Vue有一個監(jiān)視器watch,可以用這個來監(jiān)測customForm,在里面使用正則來進(jìn)行判斷,具體用法你可以參考一下官方文檔:https://vuefe.cn/v2/api/#watch

2018年6月9日 14:44
編輯回答
夢一場
<el-form-item label="運(yùn)輸方式" prop="TrafModeName">

prop的值改成TrafModeObj,一般一個el-form-item對應(yīng)一個input對應(yīng)一個驗證

2018年8月26日 10:28