如何在 vue js 中创建乳白色的叠加层

分享于2022年11月15日 bootstrap-5 javascript vue.js vuejs3 问答
【问题标题】:how to create milky overlay in vue js如何在 vue js 中创建乳白色的叠加层
【发布时间】:2022-11-14 16:16:17
【问题描述】:

我正在使用 Vue 3 Bootstrap 5

我有一个 button 和两个 inputs 。当我单击 button 时,我想要一个 "milky" overlay ,如下所示:

我怎样才能做到这一点?

使用的代码:




  • 降低不透明度就可以了

【解决方案1】:

您需要添加一个 data 字段来描述“乳白色”叠加状态。 所以在 overlayMilky 方法中你需要做的就是设置 this.milkyOverlay = true 。 然后使用这个 milkyOverlay 属性添加 milky css 类或在顶部显示 milky div。

【讨论】: