首页 > 其他 > 详细

实现点击空白处隐藏某节点

时间:2020-06-04 14:01:03      阅读:42      评论:0      收藏:0      [点我收藏+]
<span ref="projectButton">
	<el-popover v-model="visible" trigger="manual" placement="bottom" @show="show" @hide="hide">
	  <p>啦啦啦</p>
	  <el-button slot="reference" type="primary" @click="visible = !visible">show</el-button>
	</el-popover>
</span>


data () {
 return {
    visible: false
  }
},
methods: {
  show () {
    document.addEventListener(‘click‘, this.hidePanel, false)
  },
  hide () {
    document.removeEventListener(‘click‘, this.hidePanel, false)
  },
  hidePanel (e) {
    if (!this.$refs.projectButton.contains(e.target)) {
      this.visible = false
      this.hide()
    }
  }
}

  

实现点击空白处隐藏某节点

原文:https://www.cnblogs.com/cs122/p/13042283.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!