vue.js如何實現遮罩層

vue.js實現遮罩層的方法：【div.popContainer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);}】。

本文操作環境：windows10系統、vue.js 2.9、thinkpad t480電腦。

vue實現簡單的遮罩層效果：

具體代碼如下所示：

<div class='popContainer'></div>   div.popContainer {   position: fixed;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: rgba(0, 0, 0, 0.3); }

推薦學習：php培訓