.vue-masonry-css.vue-masonry-css Is a Vue Element along with a simple user interface to get items into the wanted columns at pointed out breakpoints. With very little CSS this leads to a simple, reputable answer that additionally possesses great internet browser support in addition to fast providing functionality.Features.Reactive.IE 9+ CSS Assistance.Dependency & jQuery totally free.CSS powered (Rapid running & Performant).Rain gutters.Reside Trial.Example.Put up.Add vue-masonry-css to your job through operating.anecdote include vue-masonry-css.or through text.Use.import Vue from 'vue'.bring in VueMasonry coming from 'vue-masonry-css'.Vue.use( VueMasonry).In your templates.Thing: mark + 1Keep in mind: It performs not deal with components of different widths.Resposive Breakpoints.Different columns as well as gutter system sizes could be specified through passing an object having key's of the window distances and also their market values representing the variety of columns or even rain gutter dimension. To possess a fallback market value, utilize the default trick.note: The cols= feature needs to make use of Vue's bind approach to assess things. Rather than cols="" make use of either v-bind: cols=" 700: 3" or the shorthand: cols=" 700: 3 ".That's all! If you have any suggestions or even issues see the code database, below.