学习element 遇到的样式问题

---

title: element表单禁用后仍然让他保持高亮
date: 2020-10-19 15:40:26
tags:element

---

 <el-form
                :model="answerForm"
                ref="answerForm"
                label-width="0px"
                class="answerForm"
            >
            
            
            
            ....
            
            
            
            
                .answerForm {
        pointer-events: none;
    }
            

---

title: element清空表单
date: 2020-10-20 13:47:40
tags:

• element

---

    watch: {
        'answerAssess.visiable': {
            handler(val) {
                if (val) {
                    // 打开弹框
                    this.$nextTick(() => {
                        this.getSurveyById()
                    })
                }
            },
            immediate: true,
        },
        'form.visiable': {
            handler(val) {
                if (val === true) {
                    // 代表关闭弹框，清空弹框数据
                    if (this.$refs['form']) {
                        this.$refs['form'].resetFields()
                    }
                }
            },
            // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
            immediate: true,
        },
    },