img标签如果是个图片当然可以正常显示(当前不包含图片不存在的情况的前提下)
如果img的src是个pdf的文件就无法实现预览,就会有个图片破损的样子。
这时候我们可以用@error
<img :src="imageUrl" class="upload-image" @error="$event.target.src=defaultPDF"/>
import defaultPDF from '@/assets/images/default-pdf.png';//本地的静态图片
一定要下面引入,不然直接写链接地址也不能正常的显示出来
我这里不希望改变绑定的imageUrl的值。所以给这个src重新赋值。而不是imageUrl赋值成defaultPDF