VUE 2.x: show a modal only once

@MohamedTammam the modal component is what I put above. this component is called in the Parent component called Homepage.vue. all as follows:

<template>
        <ShownOnlyOnceModal/>
        <Welcomepage :user="user"/>
</template>

as it is done now, the modal is shown every time you load the Homepage component or better every time you go to the Homepage page.

I was trying to do something that only made it charge once and that was it.

@gianmarx Use a prop for displaying and hiding it.

<template>
	 <t-modal v-if="show"> ... </t-modal>
</template>
<script>
export default {
	props: {
		show: true, // Display by default
	}
}
</script>

When using it

<template>
	 <ShownOnlyOnceModal :show="showModal"/>
</template>
<script>
export default {
	data() {
		return {showModal: false} // Hide by default
	},
	methods() {
		toggleModal() {
				this.showModal = ! this.showModal; 
		}
	}
}
</script>

@MohamedTammam it does not work nor if you put true or false it does not load it. That said, the modal must only be viewed once and then not again.

@gianmarx What do you mean by "once", if you refresh the page and the default value to show, it will show again.

Use a boolean value to hide/show it to match your logic.

@MohamedTammam once: to be shown only once, so I go into the homepage and see the modal only once. If I re-upload the page once I enter the homepage, the modal must no longer be visible.