uniapp的image标签 src404之后，怎么设置默认图片啊

    export default {    
        data() {    
            return {    
                audioList: [],    
                    audioPlaySrc: 0,    
            }    
        },    
        methods {    
            test(HandleEvent) {    

                this.audioList[this.audioPlaySrc]='../../static/image/default.png';      

            },    
        }    
    }  

<image class="zhuan" :src="audioList[audioPlaySrc].img" @error="test(e)"></image>  

    export default {  
        data() {  
            return {  
                audioList: [],  
                    audioPlaySrc: 0,  
            }  
        },  
        methods {  
            test(HandleEvent) {  
                console.log(this); //打印出来是vue对象    
                console.log(HandleEvent); //打印出来是undefined    
                //怎么实现下面的代码？    
                // this.src='../../static/image/default.png';    
                // this.onerror=null;    
            },  
        }  
    }

很简单，做个判断就可以了。

<image class="zhuan" :src="audioList[audioPlaySrc].img||'默认图片路径'" >

可以参考这个试试

<image :src="item.image"

class="[item.loaded]" mode="aspectFill"
lazy-load
@load="onImageLoad('cartList', index)"
@error="onImageError('cartList', index)"
></image>

//监听image加载完成
onImageLoad(key, index) {
this.$set(this[key][index], 'loaded', 'loaded');
},
//监听image加载失败
onImageError(key, index) {
this[key][index].image = '/static/errorImage.jpg';
},

<template>  
        <view v-for="(item, index) in Items" :key="index">  
        <image :src="item.img" mode="aspectFill" @error="error(index)"></image>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                Items: []//请求的数据  
            }  
        },  
        methods: {  
            error: function(index) {  
                this.Items[index]['img'] = '../../static/logo.png';//默认图片  
            }  
        }  
    }  
</script>