如何实现Vue3点击弹窗后背景变暗且使页面不可操作？

本文共计984个文字，预计阅读时间需要4分钟。

目录 + 实现Vue3点击弹出弹窗后背景变暗且不可操作 + 手写遮罩层方法

1.效果

2.代码

3.代码分析

4.改进

4.将背景遮罩封装成组件使用

二、Quasar + 方法 + 实现Vue3点击弹出弹窗后背景变暗

目录

• 实现vue3点击出现弹窗后背景变暗且不可操作
• 一、手写遮罩层方法
• 1. 效果
• 2. 代码
• 3. 代码分析
• 4. 改进
• 4. 将背景遮罩层封装成组件使用
• 二、quasar 方法

实现vue3点击出现弹窗后背景变暗且不可操作

一、手写遮罩层方法

1. 效果

2. 代码

AddTask.vue是我自定义的组件，即要弹出的弹窗，不是此笔记重点，此处不做详细说明。