I am trying to hide a button if my total number is less than limit + offset,
My button
<div @click="loadMore()" x-show="total > (limit + offset)" class="text-center pt-4">
<button class="border border-solid border-slate-700 text-slate-100 hover:bg-slate-800 px-4 py-2"> Load More </button>
</div>
My data in console
action: filterPosts
limit: 6
post_type_js: videos
offset: 0
category: 1094
total: 28
I believe the way i have my button set is if total is more than limit + offset how, else hide. but the button is not showing.
when i inspect my code
<a class="parent post_no active" data-value="28" @click="total += parseInt($el.dataset.value); filterPosts(1094)">option1</a>