在element-ui的el-form中,如果要重置一个表单的话,可以用resetFields方法,先看下面的例子:

如果想让resetFields方法有效果,必须要在el-form-item上增加prop字段,且和v-model的属性对应:

但是有些时候一个el-form-item可能包含多个输入框:

代码结构:

el-form-item上只能加一个prop,那么如何才能重置内部的两个字段呢?

其实只要在el-col内再嵌一个el-form-item就好了,代码如下:

其实这个在element-ui的官网上有,但是很隐蔽,是新手比较容易犯迷糊的地方,特此记录一下。

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字