JSFiddle - React, Tailwind, and code Playground

by rigor789

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <img v-img="'http://via.placeholder.com/350x150'">
  
  <img v-img="'not found image'">
</div>

JavaScript

Vue.directive('img', (el, { value }) => {
	el.addEventListener('error', () => {
    el.src = 'http://via.placeholder.com/150/333/fff?text=404'
  })
  el.src = value
})

new Vue({
	el: '#app'
})