ofa-img-onerror

Vue directive that deal with img onerror

Usage no npm install needed!

<script type="module">
  import ofaImgOnerror from 'https://cdn.skypack.dev/ofa-img-onerror';
</script>

README

img-onerror

handle image tag error enent.

Usage

// main file
const imgOnerror = require('ofa-img-onerror');
// or
// import imgOnerror from 'ofa-img-onerror';


Vue.use(imgOnerror);

// business files

<img
    src="/error.png"
    v-imgOnerror="
        'https://raw.githubusercontent.com/FoxDaxian/FoxDaxian.github.io/master/assets/picgo/20191201163946.jpg'
    "
    alt="alt"
/>

success demo

like this below, img-onerror will add classname imgOnerror

error demo

like this below, img-onerror will add classname imgOnerror-error

For to meet different business, you can custom style use different classname