value = 'R350 000 - R500 000', 100);
$nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
// scroll the tab into view | specifically for mobile
$el.scrollIntoView({
behavior: 'smooth',
inline: 'center',
block: 'nearest'
});
"
:class="value === 'R350 000 - R500 000' ? 'active' : ''"
>
R350 000 - R500 000
value = 'R550 000 - R800 000', 100);
$nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
// scroll the tab into view | specifically for mobile
$el.scrollIntoView({
behavior: 'smooth',
inline: 'center',
block: 'nearest'
});
"
:class="value === 'R550 000 - R800 000' ? 'active' : ''"
>
R550 000 - R800 000
value = 'R850 000 - R1 200 000', 100);
$nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
// scroll the tab into view | specifically for mobile
$el.scrollIntoView({
behavior: 'smooth',
inline: 'center',
block: 'nearest'
});
"
:class="value === 'R850 000 - R1 200 000' ? 'active' : ''"
>
R850 000 - R1 200 000
value = 'R1 250 000+', 100);
$nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
// scroll the tab into view | specifically for mobile
$el.scrollIntoView({
behavior: 'smooth',
inline: 'center',
block: 'nearest'
});
"
:class="value === 'R1 250 000+' ? 'active' : ''"
>
R1 250 000+
value = 'Other', 100);
$nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
// scroll the tab into view | specifically for mobile
$el.scrollIntoView({
behavior: 'smooth',
inline: 'center',
block: 'nearest'
});
"
:class="value === 'Other' ? 'active' : ''"
>
Other