Vue.js v-hide directive, whilst keeping element's occupied space

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

In this (small) post I’m going to demonstrate how to use a VueJS custom directive to hide an element, whilst still keeping it’s occupied space. It makes good use of the CSS Property “visibility”. v-ifThe built in Vue.js directive (v-if) works by totally removing the element from the DOM when it’s bound condition is false. Therefore we wont be looking looking at this…

Read on ryansouthgate.com ↗