GitHub - PxyUp/vue-not-visible: Vue directive for conditional rendering element on screen smaller than breakpoints (original) (raw)
Vue directive for conditional rendering (like v-if) element on screen smaller than breakpoints;
import Vue from 'vue' import vueNotVisible from 'vue-not-visible'
/* const BREAKPOINTS = { mobile: 425, tablet: 768, tablet_landscape: 1024, desktop: 1200, desktop_large: 1440, hd: 1920, } */ Vue.use(vueNotVisible) // this is default
{{ message }} {{ count }}
Not visible on table(screen < 768)
Not visible on mobile(screen < 425)
import Vue from 'vue' import vueNotVisible from 'vue-not-visible'
Vue.use(vueNotVisible, {ipad: 1280}) // this is custom