本示例为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()