核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。
<template>
<div v-if="isShow"> <!--最外层背景-->
<div class="popup_container"> <!--居中的容器-->
<img @click="noPopup" src="delete.png" alt=""> <!--关闭弹框-->
<div class="popup_text"> <!--内容部分-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, atque ea eveniet laudantium magni, maiores nam nihil non numquam odio pariatur perferendis placeat quas quasi sit soluta, sunt ullam voluptatibus.
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
isShow: true,
}
},
created(){
if (this.getCookie('popped') == ''){