vue+elementUi之表单

这连天在做vue的组件封装，遇到的一个问题是，公用的模态框组件中的表单需要清空上次的表单验证规则，于是经过大佬的指点，我get到一个技能，特此记录一下，希望大家指正。

  export default {
        data () {
            return {
            };
        },
        watch: {
            //监控modial的dialogVisible属性
            'MD.modelHeader.dialogVisible'(newValue,oldValue) {
                if(newValue==false){
//关闭时，重置
                this.resetmyForm();
            }
            }
        }, 
        methods: {
         ...
            resetmyForm(){
                this.$refs.myForm.resetFields();
            },
         ....
        },

主要的想法是：通过看模态框是否显示来决定是否重置表单。此处还用到了，form表单的ref属性，它类似于标签的id属性，唯一存在。“this.$refs.myForm.resetFields()”是用ref选中当前vue对象中的ref为myForm的表单，调用函数resetFields()函数完成重置。

特别的：此部分代码应该写在被封装的模态框子组件，作为公用的一个功能。