vue.js如何实现弹窗功能

 3457

vue.js实现弹窗功能的方法:【document.addEventListener('mouseup',(e)=>{var _con = document.getElementById('children-view')if(_c...】。


vue.js如何实现弹窗功能


实现思路:

在点击完之后点击其他位置跳转路由,路由跳转后利用computed属性监听$route进行class的显示和隐藏,利用的是js Contains方法


实现代码:

document.addEventListener('mouseup',(e)=>{
    var _con = document.getElementById('children-view')
    if(_con && !_con.contains(e.target){
        this.$route.push({
            name:"Index"
        })    
    } 
})


vue.js如何实现弹窗功能

TAG标签:
本文网址:https://www.zztuku.com/detail-9535.html
站长图库 - vue.js如何实现弹窗功能
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐