vue3中nextClick的使用

vue3中nextClick的使用

解决在element-ui中form表单组件的清除校验规则不生效问题

 import { nextTick  } from 'vue';
 watch(
    () => visible.value,
    val => {
      if (val) {
        if (action.value && action.value.id) {
          getDetail();
          isShowAutoName.value = false;
        }else {
         //等待dom更新完立马触发，清除表单的验证
          nextTick(()=>{
            formRef.value.resetFields();
          });
          isShowAutoName.value = true;
        }
      } else {
         //当关闭的时候，请求表单的校验
          formRef.value.resetFields();
      }
    }
  );