Namespace: VueImReady

Methods

staticVueImReady.useImReady(props){VueImReadyResult}

useImReady.ts, line 31

Vue hook to check if the images or videos are loaded.

이미지와 비디오들이 로드가 됐는지 체크하는 Vue hook.

• props (default: {}) optional
  Type: Partial<ImReadyReactiveProps>

  Vue ImReady's props

  Vue ImReady의 props.

Returns:

Type	Description
VueImReadyResult

Example

import { useImReady } from "@egjs/vue-imready";

setup() {
  const im = useImReady({
        selector: "img",
    });

  return {
     im,
  }
}
// {{im.readyCount}}
// <div v-bind:ref="im.register()"></div>

staticVueImReady.usePreReady(props){VueImReadyResult}

usePreReady.ts, line 27

Vue hook to check if the images or videos are loaded. (only usePreReady and useError are true) Since this is deprecated, use useImReady instead.

이미지와 비디오들이 로드가 됐는지 체크하는 Vue hook.(usePreReady와 useError만 true) deprecated 되었으므로 useImReady를 이용해주세요.

• props (default: {}) optional
  Type: Partial<ImReadyReactiveProps>

  Vue ImReady's props

  Vue ImReady의 props.

Returns:

Type	Description
VueImReadyResult

Example

import { usePreReady } from "@egjs/vue-imready";

setup() {
  const im = usePreReady({
        selector: "img",
    });

  return {
     im,
  }
}
// {{im.isPreReady}}
// <div v-bind:ref="im.register()"></div>

Deprecated

• Yes

staticVueImReady.usePreReadyElement(props){VueImReadyResult}

usePreReadyElement.ts, line 27

Vue hook to check if the images or videos are loaded. (only usePreReadyElement, usePreReady and useError are true) Since this is deprecated, use useImReady instead.

이미지와 비디오들이 로드가 됐는지 체크하는 Vue hook.(usePreReadyElement, usePreReady와 useError만 true) deprecated 되었으므로 useImReady를 이용해주세요.

• props (default: {}) optional
  Type: Partial<ImReadyReactiveProps>

  Vue ImReady's props

  Vue ImReady의 props.

Returns:

Type	Description
VueImReadyResult

Example

import { usePreReadyElement } from "@egjs/vue-imready";

setup() {
  const im = usePreReadyElement({
        selector: "img",
    });

  return {
     im,
  }
}
// {{im.preReadyCount}}
// <div v-bind:ref="im.register()"></div>

Deprecated

• Yes

staticVueImReady.useReady(props){VueImReadyResult}

useReady.ts, line 27

Vue hook to check if the images or videos are loaded. (only useReady and useError are true) Since this is deprecated, use useImReady instead.

이미지와 비디오들이 로드가 됐는지 체크하는 vue hook.(useReady와 useError만 true) deprecated 되었으므로 useImReady를 이용해주세요.

• props (default: {}) optional
  Type: Partial<ImReadyReactiveProps>

  Vue ImReady's props

  Vue ImReady의 props.

Returns:

Type	Description
VueImReadyResult

Example

import { useReady } from "@egjs/vue-imready";

setup() {
  const im = useReady({
        selector: "img",
    });

  return {
     im,
  }
}
// {{im.isReady}}
// <div v-bind:ref="im.register()"></div>

Deprecated

• Yes

staticVueImReady.useReadyElement(props){VueImReadyResult}

useReadyElement.ts, line 27

Vue hook to check if the images or videos are loaded. (only useReadyElement, useReady and useError are true) Since this is deprecated, use useImReady instead.

이미지와 비디오들이 로드가 됐는지 체크하는 vue hook.(useReadyElement, useReady와 useError만 true) deprecated 되었으므로 useImReady를 이용해주세요.

• props (default: {}) optional
  Type: Partial<ImReadyReactiveProps>

  Vue ImReady's props

  Vue ImReady의 props.

Returns:

Type	Description
VueImReadyResult

Example

import { useReadyElement } from "@egjs/vue-imready";

setup() {
  const im = useReadyElement({
        selector: "img",
    });

  return {
     im,
  }
}
// {{im.readyCount}}
// <div v-bind:ref="im.register()"></div>

Deprecated

• Yes

Type Definitions

VueImReady.ImReadyPropsTSInterface

Properties:

Name	Type	Description
prefix	string	Prefix for data size attribute. 데이터 사이즈 속성의 접두사.
loaders	Record<string, new (target: HTMLElement, options: ImReadyLoaderOptions) => Loader>	The loader class map that determines how to ready for the element. element에 대해 어떻게 준비할지 결정하는 loader 클래스 맵.
selector	string
useReadyElement	boolean
useReady	boolean
usePreReadyElement	boolean
usePreReady	boolean
useError	boolean

VueImReady.ImReadyValueTSInterface

Properties:

Name	Type	Description
register	<T extends HTMLElement>(ref?: Ref<T | null> | ((el: T | null) => any)) => (el: T | null) => any	Ref function that can register the element to be checked 체크할 엘리먼트를 등록할 수 있는 ref 함수