/vue-resize-mixin

'resizer' event mixin for Vue.js

Primary LanguageJavaScriptOtherNOASSERTION

Vue resize mixin

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