[Vuejs]-Vue.js – custom photo grid with custom overlay

by

1👍

Just build your grid of items – styling them with bootstrap “Card” component and grid system to make it as a grid.

Then just use this custom vue component with v-for and then bind @mouseover + @mouseleave on this element to change the state of hovered property or whatever you like to call it. Then just change your text or structure in your component according to hovered state.

Simple demo here:
http://jsfiddle.net/e8y0hLps/

Leave a comment