图片显示不出时显示默认图片

182 阅读1分钟

本示例为uniapp框架的,在h5或者小程序都适用,实现代码:

<image :src="imgUrl"  @error="this.$util.commonImgError(this.imgUrl)?this.imgUrl = this.$config.ImgDefaultUrl:null" mode=""></image>

util.js 的代码:

/*  
	设置默认图片
*/
import config from './config.js' 
var commonImgError = (url) => url == config.ImgDefaultUrl ? false : true;

config.js 的代码:

// 配置文件
var config = {
	ImgDefaultUrl:'/static/finish_class.jpg',
}

export default config;

main.js的代码:

import Vue from 'vue'
import App from './App'
import config from './util/config.js' 

Vue.prototype.$config = config;

App.mpType = 'app'
const app = new Vue(App)
app.$mount()