element表单方法resetFields

element表单方法resetFields,第1张

使用:

// 表单重置

export function resetForm(refName) {

    //加if判断条件的目的是为了解决控制台提示对象不存在的问题

    if (this.$refs[refName] ) {

        this.$refs[refName].resetFields();

    }

}

报错:

vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of undefined (reading 'indexOf')
    at VueComponent.resetField (element-ui.common.js?5c96:23528)
    at eval (element-ui.common.js?5c96:22945)
    at Array.forEach ()
    at VueComponent.resetFields (element-ui.common.js?5c96:22944)
    at VueComponent.resetForm (ruoyi.js?c38a:51)
    at VueComponent.reset (index.vue?6ced:2165)
    at VueComponent.handleCopy (index.vue?6ced:2504)
    at click (index.vue?e6ab:1003)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at VueComponent.invoker (vue.runtime.esm.js?2b0e:2179)

解决:

// 表单重置

export function resetForm(refName) {

//加if判断条件的目的是为了解决控制台提示对象不存在的问题

    if (this.$refs[refName] !== undefined) {

        this.$refs[refName].resetFields();

    }

}

另外可能出现此类问题的是prop没有赋值,也会出现类似问题:

 
                              v-model="form.selfOffer"
                :clearable="true"
                :disabled="disabled"
                placeholder="请输入优惠价"
                @input="inputCityFloat"
              >
               
             
           

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/941208.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存