自动弹窗代码vue.js如何实现弹窗功能
vue.js实现弹窗功能的⽅法:【document.addEventListener('mouseup',(e)=>{var _con = ElementById('children-view')if(_c...】。
本⽂操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。
实现思路:
在点击完之后点击其他位置跳转路由,路由跳转后利⽤computed属性监听$route进⾏class的显⽰和隐藏,利⽤的是js Contains⽅法实现代码:
document.addEventListener('mouseup',(e)=>{
var _con = ElementById('children-view')
if(_con && !_ains(e.target){
this.$route.push({
name:"Index"
})
}
})
以上就是vue.js如何实现弹窗功能的详细内容。()
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论