// 内容
<img :src="item.url" alt="" :onerror="defaultImg">
// js
export default {
...
computed: {
defaultImg () {
return 'this.src="' + require('images/default.png') + '"';
}
}
}
// 内容
<img :src="item.url" alt="" :onerror="defaultImg">
// js
export default {
...
computed: {
defaultImg () {
return 'this.src="' + require('images/default.png') + '"';
}
}
}
有时需要给图片设置默认图，比如用户头像，默认商品图等。img的alt属性只是给图片设置未加载时的文字提示信息。这时...
为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个...
 前提说明：当src='要显示的图片.jpg'不存在时，将触发 onerror，而 ...
普通页面设置img的默认图片 如果在 vue 项目中 同样这样设置, 因为webpack打包的原因,会找不到资源文...
我们都知道，img标签当图片失效时，可以通过onerror属性进行src默认图片的设置，如下： 但是，当我们设置动...
1-直接上img标签即可 img标签是一个标签，不设置宽高默认会以原尺寸显示 1-1没有宽高的图片显示的是图片本身...
块元素 block：默认独占一行，支持宽高 页面标题图片设置 图片标签img **标签选择器 ** 列表 边框 b...
1.html img标签 src图片失效时显示默认图片
如何取消图片默认的下边距 设置img为块状元素 img［display：block；］
本文标题：vue项目设置img标签的默认图片
本文链接：https://www.haomeiwen.com/subject/rkqifdtx.html
网友评论