vue 处理加载后台图片错误，显示自定义图片

问题描述：正常来说，后台会给我们一串图片地址，然后我们进行加载就OK了，如果此时后台的图片在服务器上面不存在了，但是后台还是给了你地址，你移动端加载图片就会出现Html里面默认的图裂样子出来

1.png

我们希望的正常图是这样的

2.png
html:

 <img :src="item.HeadPhoto" v-on:error.once="moveErrorImg($event)" class="backimg" v-cloak>

js:

 vm = new Vue({
        el: "#container",
        data: {
            list: [],
        },
        methods: {
            moveErrorImg:function (event) {
                event.currentTarget.src = "../image/icon_list_item_empty.png";
            }
        }
    });