vue图片地址不对

作者: 禾苗种树 | 来源:发表于2022-02-15 09:03 被阅读0次

vue图片地址不对
vue-图片容错（当图片地址无效时显示默认图片）
Vue查看大图(vue-photo-preview)
AXIOS从服务器加载图片并显示
【vue】vue-quill-editor富文本编辑器实现图片上
使用Vue 回车添加内容小demo
Vue使用Canvas绘制图片、矩形、线条、文字，下载图片
一款强大的Vue-markdown编辑器插件
vue3图片懒加载之vue3-lazy
vue3图片懒加载之vue3-lazy

附上详细教程
已经掉这个坑里两次了😂上次（图片路径不对），胡乱修改竟然给倒腾出来了，这次没那么顺利了于是老实的查阅教程，最终选择这种方法再此记录以防再忘记

imgs:[
{imgs:require('../assets/djxn.jpg')},
{imgs:require('../assets/ls.jpg')},
{imgs:require('../assets/niaoniao.jpg')}
]

原博主解释如下

使用require定义之后，你就可以动态使用了，不用require，就只能写死路径的。不用require， :src="'../img/image.jpg'" 会被解析为字符串。用了require，就是将图片当成模块先引进来，再绑定。
如果做的是纯静态的网站展示，有许多的本地静态资源需要加载，里面包括本地数据和本地图片混合的好几组，建议使用static方式。其他情况下建议使用require方式

vue图片地址不对
附上详细教程[https://www.cnblogs.com/ranyonsue/p/11608760.html]...
vue-图片容错（当图片地址无效时显示默认图片）
场景：在开发过程中，遇到过图片地址无效、图片地址不对，或者后台给的地址无效或数据库没有该图片的情况，这时图片就会“...
Vue查看大图(vue-photo-preview)
简介基于photoswipe的vue图片预览插件地址 http://npm.taobao.org/packag...
AXIOS从服务器加载图片并显示
我的需求请求发送：axios 、前段：vue 服务器不返回图片的url地址，返回图片的数据获取图片需要登录验证...
【vue】vue-quill-editor富文本编辑器实现图片上
封装vue-quill-editor实现富文本点击图标、选择文件、上传图片到服务端、上传成功返回图片地址、显示图片...
使用Vue 回车添加内容小demo
1.图片实例 2.github的地址 https://github.com/dreamsBig/demo_Vue_...
Vue使用Canvas绘制图片、矩形、线条、文字，下载图片
1 前言 1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 ...
一款强大的Vue-markdown编辑器插件
mavonEditor github项目地址演示网址基于Vue的markdown编辑器 example (图片展...
vue3图片懒加载之vue3-lazy
关于图片懒加载，之前的vue2项目中一直用的vue-lazyload插件，参考地址： GitHub - hilon...
vue3图片懒加载之vue3-lazy
关于图片懒加载，之前的vue2项目中一直用的vue-lazyload插件，参考地址： GitHub - hilon...