在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element ui 表單驗證時怎么根據(jù)后臺返回的錯誤信息主動觸發(fā)某個field

element ui 表單驗證時怎么根據(jù)后臺返回的錯誤信息主動觸發(fā)某個field的error?

1、

 <el-form :inline="true" :model="mainForm" ref="refMainForm" label-width="100px" :rules="mainFormRule" class="demo-form-inline" size="small" label-position="right">
 
    <el-row>
      <el-col :span="6">
        <el-input v-model="mainForm.name" placeholder="名稱"></el-input>
      </el-col>

      <el-col :span="6">
       <el-input v-model="mainForm.position" placeholder="位置"></el-input>
        </el-form-item>
      </el-col>
      
      <el-button type="primary" @click="createData">提交</el-button>
  </el-form>

     export default {
      data() {
        var validatePosition = (rule, value, callback) => {
            if (value != '') {
              let patten = /(^[^區(qū)]+區(qū)\d+排\d+機柜\d+U~\d+U(\([左右]\)){0,1}$)|(^[^區(qū)]+區(qū)\d+排\d+機柜\d+U(\([左右]\)){0,1}$)/
    
              if(patten.test(value) === false){
                callback(new Error("格式錯誤")
              }
              else{
                callback()
              }
    
    
            }
            else{
              callback()
            }
    
          }
        mainFormRule:{
            name:[{ required: true, message: '必填', trigger: 'blur' }],
            position:[{validator:validatePosition, trigger: 'blur'}],
        },
      }
      
      methods: {
        createData() {
          //這里假設服務器已經(jīng)返回錯誤,模擬用js去觸發(fā)綁定name字段的error
          this.$refs.refMainForm.fields.filter((item) => (item.prop === 'name'))[0]
      },
},

2、已嘗試過vm.$refs.ruleForm.fields.filter((item) => (item.prop === i))[0];
https://segmentfault.com/q/10...
但是仍沒有解決 希望哪位能具體說下使用方法

回答
編輯回答
呆萌傻

this.$refs.ruleForm.fields[0].error="錯誤提示"

2017年6月5日 06:46