element-ui 表单清空 resetField()方法

由于PM说项目赶时间，我二话不说撸起袖子就是一顿狂操作，自己操作了几遍没有发现bug当天下午就欣喜地将刚撸好的form表单功能提交给qa去测试。不一会儿qa就给我提一bug说：“你这表单操作有问题啊！为啥我重选前面的名称按钮，后面的类型选项会报错了？”。

如图所示：

我听完就连忙给她解释道：“这个不是bug，这个是提示信息而已嘛！”。QA又来了：“我看着那个红色提示就认为是错误的，用户不喜欢这样的操作，赶紧得改吧！”。我当时就觉得这分明就是个奇葩的要求嘛。好好好，我改！

由于对element文档不太熟（主要用的少），我就像那大海里迷了方向的渔船毫无头绪。清空value值？重置表单？一顿操作还是没有得到解决。最后不得不再仔细看看element官方文档（真想吐槽下文档写的不够详细，组件的每个用法没有详尽的举例子）。哟！果然有收获了  Form 表单 提供了一个resetField()方法：

对了就是它！

具体步骤：

1、在类型里设置ref属性，这样方便你重置选项值。

2、在名称的change事件中使用this.$refs['devType'].resetField()就可以了

现在给出项目代码截图：

html:

js: