H5W3
当前位置:H5W3 > 其他技术问题 > 正文

this.$refs.ruleForm.validate is not a function?

1.使用element官方提供的表单验证方法,提示this.$refs.ruleForm.validate is not a function错误。
2.`<div class=”detail-left” id=”data” v-for=”data in queryData”>

          <div class="notice-form" v-if="data.type == 'form'">
        <el-form ref="ruleForm" :model="formData" label-width="190px" :rules="rules">
            <el-form-item :label="item.caption" v-for="item in data.fields"  v-if="item.name!='WID' && item.name!='JZGBH'"
                 :prop="item.name">
                <div v-for="(value, key) in formData">
                    <div v-if="item.name == key && item.dataType == 'String'">
                        <el-input v-model="formData[item.name]" ></el-input>
                    </div>
                    <div v-if="item.name == key && item.dataType == 'Number'">
                        <el-input v-model="formData[item.name]" ></el-input>
                    </div>
                    <div v-if="item.name == key && item.dataType == 'Date'">
                        <el-date-picker v-model="formData[item.name]" placeholder="选择日期"
                            :editable="false" style="width:100%">
                        </el-date-picker>
                    </div>
                </div>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm">保存</el-button>
                <el-button @click="onCancel">取消</el-button>
            </el-form-item>
        </el-form>`

3.
clipboard.png
4.新人上一个问题还没解决,又有新问题了,麻烦各位老师教一下怎么处理。

回答:

调用方法的时候确保dom已经完成渲染

this.nextTick(() => {
  this.$refs.ruleForm.validate(() => {
    ....
  })
})

回答:

this.$refs.ruleForm[0].validate

回答:

我的建议是升级到最新版本 1.3.4

回答:

问题解决了么?断点检查下你的this.$refs.ruleForm是个啥

本文地址:H5W3 » this.$refs.ruleForm.validate is not a function?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址