Element UI 校验自定义 input 组件不生效怎么办？

Question

<el-form-item label="运输方式" 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'}   
    ]
  },

现在的需求是我想用elementui去校验input customForm.TrafModeObj 这个里面的值有问题时没做出提示，但是没有反应，是因为不是el-input标签嘛？应该怎么处理这个问题啊

Answer 1

Vue有一个监视器watch，可以用这个来监测customForm,在里面使用正则来进行判断，具体用法你可以参考一下官方文档：https://vuefe.cn/v2/api/#watch

Answer 2

<el-form-item label="运输方式" prop="TrafModeName">

prop的值改成TrafModeObj，一般一个el-form-item对应一个input对应一个验证