const handleUser = (idx) => { switch (idx) { case 'user': showDown.value = true showDown2.value = false break case 'userManage': flagIndex.value = 41 centerTitle.value = navObj[idx] sessionStorage.setItem('center-title', JSON.stringify({ title: idx, index: 41 })) showDown.value = false router.replace({ path: '/user-manage' }) break case 'roleManage': flagIndex.value = 42 centerTitle.value = navObj[idx] sessionStorage.setItem('center-title', JSON.stringify({ title: idx, index: 42 })) showDown.value = false router.replace({ path: '/role-manage' }) break } console.log('showDown.value', showDown.value) } 怎么把弹框点第二下时关闭
时间: 2024-02-14 12:19:03 浏览: 146
陶瓷形式:浏览https:ceramic.network和https:idx.xyz
可以在弹框的相应元素上添加一个点击事件,然后在事件处理函数中检查当前弹框的状态,如果弹框已经打开,则将其关闭。具体代码如下:
```javascript
// 相应弹框元素上添加点击事件
document.getElementById('modal').addEventListener('click', function() {
if (showDown.value) {
showDown.value = false; // 关闭弹框
}
});
```
其中,`modal`是相应弹框的元素ID。当用户点击这个元素时,如果`showDown.value`为`true`,则将其设置为`false`,即关闭弹框。
阅读全文