resetFields這個(gè)方法是將表單重置為初始值,?也就是說,是將表單中的數(shù)據(jù)重置為dom節(jié)點(diǎn)渲染時(shí)的值,而不是重置為空對(duì)象。
也就是說,當(dāng)你的表單數(shù)據(jù),是在dom節(jié)點(diǎn)渲染前被賦值的,那么他的初始值就不為空了。
還有就是vue中對(duì)象是不能直接賦值給另一個(gè)對(duì)象的
解決方法:給表單對(duì)象賦值,應(yīng)在dom節(jié)點(diǎn)渲染完成之后,使用$nextTick這個(gè)方法,以及對(duì)
賦值的數(shù)據(jù)進(jìn)行轉(zhuǎn)義
$nextTick:將vuedom節(jié)點(diǎn)更新變?yōu)橥?/span>
//this.form:是表單對(duì)象
//data:是值
this.$nextTick(()=>{
this.form = JSON.perse(JSON.stringify(data))
})
使用resetFields的注意事項(xiàng):設(shè)置prop屬性,該屬性值要與model值相同,如果不設(shè)置這個(gè)屬性,
resetFields是不生效的文章來源:http://www.zghlxwxcb.cn/news/detail-539957.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-539957.html
到了這里,關(guān)于關(guān)于element-ui中表單重置不生效的原因,及解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!