Breaking News: Grepper is joining You.com. Read the official announcement!

prevent alpine js from rendering components during refresh

Samuel Kinuthia answered on June 4, 2022 Popularity 1/10 Helpfulness 1/10

answer prevent alpine js from rendering components during refresh

prevent alpine js from rendering components during refresh

Comment

<style>
[x-cloak] { display: none }
</style>
<body x-cloak x-data="{openModal: false}"
 :class="openModal ? 'overflow-hidden' : 'overflow-visible'"
>

// button
<button @click="openModal = true">
Open Modal
</button>
<!-- Modal -->
<div x-show="openModal">
<!-- content --> 
</div>
</body>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: components javascript refresh rendering

Link to this answer
Share Copy Link