vue-size-observer

Resize observer for Vue - A vue component to observe the element size changing that implements by resize-observer-polyfill and inspired from rc-resize-observer.

Usage

CodeSandBox demo or run example in Terminal with npm:

npm install
npm run serve

Code example:

import ResizeObserver from 'vue-size-observer';

export default {
  render() {
    return (
      <ResizeObserver
        onResize={() => {
          console.log('resized!');
        }}
      >
        <textarea />
      </ResizeObserver>,
    )
  }
}

API

Props

|name|type|default|description| |:-|:-|:-|:-| |disabled|boolean|false|Disable current observer instance|

Event

|name|type|default|description| |:-|:-|:-|:-| |resize|({ width, height, offsetWidth, offsetHeight })=>void|--|Trigger resize listener function when child node resized|

license

MIT