❤
npm
Sign UpSign In

vue-resize-mixin

2.0.0 • Public • Published

Vue resize mixin

Vue 2.0+

Install

With npm do:

$ npm i -S vue-resize-mixin

With bower do:

$ bower install vue-resize-mixin --save 

Usage:

var resizeMixin = require('vue-resize-mixin');
 
var vm = new Vue({
  mixins: [resizeMixin],
 
  events: {
    'resize': 'onResize'
  },
 
  methods: {
    onResize: function(event) {
      var width = event.width;
      var height = event.height;
    }
  }
})

The mixin emits an internal resize event. You could also this.$on('resize', this.onResize);

The emitted event has 2 properties, width and height (of the window).

License

MIT

/vue-resize-mixin/

    Package Sidebar

    Install

    npm i vue-resize-mixin

    Repository

    github.com/nk-components/vue-resize-mixin

    Homepage

    github.com/nk-components/vue-resize-mixin#readme

    Weekly Downloads

    143

    Version

    2.0.0

    License

    MIT

    Last publish

    Collaborators

    • ayamflow
    • kewah
    Try on RunKit
    Report malware