vue自己写了一个div菜单,点击按钮展开,点击其他地方关闭这个div菜单


需求是通过点击body页面,在其他地方就关闭这个<div>菜单,给这个div一个id:problemList,但是点击我打开的按钮,不关闭。

created () {
  document.onclick = function () {
  // 要关闭的div的id (problemList) document.getElementById('problemList').style.display = 'none' } },

点击按钮打开模态框的方法要写个阻止冒泡事件,不然会点不开

getItme() 是点击打开div的事件

// 控制问题列表的显示和关闭
getItme (e, num) {
  this.stopEvent(e)
  document.getElementById('problemList').style.display = 'block'
},

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM