vue2 img加载失败时给默认图片

<template>
 <img v-if="item.imgUrl" width="242" height="159" :src="item.imgUrl" alt="" @error="setDefaultImage">
</template>

<script>
import defaultImage from '../images/默认图片片.png';
export default {
data () {
	return {
		item: {
			imgUrl: ''
		}
	};
},
 methods: {
     setDefaultImage (e) {
      e.target.src = defaultImage;
    },
 }
};
</script>