当前位置:   article > 正文

elementui el-drawer使用的技巧记录

el-drawer使用

在使用el-drawer时候,我们审查元素可以发现,关闭后,弹窗只是display:none了,还在dom结构中
在这里插入图片描述
这样在弹窗中的组件就不会触发生命周期钩子
请添加图片描述

解决方法一:

	  :destroy-on-close="true" //加上这个
	  :append-to-body="true"
      :close-on-press-escape="false"
      :visible.sync="drawer"
      :direction="direction"
      custom-class="myclass"
      :before-close="handleClose"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

解决方法二:

	  v-if="drawer"
	  :append-to-body="true"
      :close-on-press-escape="false"
      :visible.sync="drawer"
      :direction="direction"
      custom-class="myclass"
      :before-close="handleClose"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

任意一种方式即可

请添加图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/424974
推荐阅读
相关标签
  

闽ICP备14008679号