使用mpvue后引入的图片报500错误

最新推荐文章于 2021-03-23 20:38:36 发布

原创最新推荐文章于 2021-03-23 20:38:36 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了解决小程序初始化时图片加载失败的问题，通过在代码中加入v-if条件判断，确保图片变量在页面渲染完成后才进行加载，有效避免了因变量未定义而导致的显示问题。

错误详情

解决方法：在引入图片时加入判断，v-if=‘img’
原理：当小程序初始化时变量未渲染到页面时，所有变量都是undefined，因此要等渲染结束后再使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

超级无敌一个王凯旋

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue2 - 详细实现视频/图片/图文“响应式瀑布流“列表布局示例代码，手机移动端H5或PC端电脑网页根据屏幕宽度自适应响应式瀑布流效果，支持数据列表动态懒加载，仿小红书图文视频div容器的瀑布流方案

高级前端工程师

08-10

4300

vue2，nuxt2，瀑布流，响应式，图片瀑布流，视频瀑布流，图文瀑布流，手机移动端，H5瀑布流，电脑PC网站，手机电脑都能用的瀑布流布局，屏幕自适应，最好用的瀑布流组件插件，滚动分页加载瀑布流列表，瀑布流效果，自适应瀑布流布局详细教程，动态加载数据，懒加载，小红书，图文列表，视频列表，列表容器高度不一致怎么排列，整个屏幕全是宽高不固定的div容器列表怎么办，移动端和pc端双端实现瀑布流，vue实现图片瀑布流布局以及响应式，滚动条触底懒加载，组件插件，vue瀑布流电脑手机都能用，解决卡顿不流畅，对不齐，报

2020 android面试题答案

疾风剑豪

05-04

5648

（1）java面试题（基础+进阶）（必须） java中==和equals和hashCode的区别 ==是运算符，用来比较两个值、两个对象的内存地址是否相等； equals是Object类的方法，默认情况下比较两个对象是否是同一个对象，内部实现是通过“==”来实现的。如果想比较两个对象的其他内容，则可以通过重写equals方法， hashCoed也是Object类里面的方法，返回值是一个对象的哈希...

参与评论您还未登录，请先登录后发表或查看评论

图片路径加载出错 500

weixin_43210754的博客

04-11

1086

@RequestMapping("/{name1}/{name2}") public String goNext(@PathVariable("name1") String parent,@PathVariable("name2") String child){ return parent+"/"+child; //在视图解析器中配置了前缀后缀 } 原因是这个 ...

mpvue中动态渲染img的src属性初次渲染加载本地图片没有显示

kfgauss的博客

06-11

3117

<div class="userinfo" @click="login"> <img :src="userinfo.avatarUrl" alt=""> <p>{{userinfo.nickName}}</p> </div> export default { data () { re...

mpvue写微信小程序-图片引入（一）

g2526的博客

11-08

4479

1、快速上手（http://mpvue.com/mpvue/quickstart/）按官网给出流程，创建：运行后，在微信工具查看：编辑器中查看目录结构：为了运行的话这个项目算是完结，但是在想写自己的项目又遇到了问题。 2、实际操作引用图片原来写过的小程序，所以一开始我是把图片文件夹放在pages文件夹同级，然后调用爆出这个问题： ...

mpvue加载默认图片

xm_law的博客

12-12

2113

多张图片加载默认图片错误写法: <img :src="item.NEWS_THUMB_IMG" binderror="errorfn(index)" alt=""> methods:{ errorfn(index){ this.list[index].NEWS_THUMB_IMG="../../images/dy_pic01.png" ...

在mpvue中使用img标签的注意事项

weixin_33672109的博客

04-27

1002

在使用mpvue开发小程序过程中，在使用img标签时出现问题， <img :class="cdCls" width="40" height="40" :src="currentSong.image">发现图片宽高并不是我们想象中的宽40，高40. 如下图所示： <img>标签会被编译成小程序中的<image>标签 . 在查看小程序官方文档：我们发现小程序的...

微信小程序：mpvue+flyio

weixin_37826371的博客

03-19

524

微信小程序：mpvue+flyio mpvue项目创建 1、全局安装vue-cli npm install --global vue-cli 2、创建一个基于 mpvue-quickstart 模板的新项目 vue init mpvue/mpvue-quickstart my-project //这是vue旧版本创建项目方法，如果init报错需要运行vue init,创建项目过程中跟着命令行...

基于mpvue的豆瓣电影微信小程序实现

首先，mpvue 是由美团开源的一个基于 Vue.js 的小程序开发框架，其核心理念是将 Vue.js 的组件化开发模式引入到微信小程序的开发中，使开发者能够使用熟悉的 Vue 语法（如模板语法、数据绑定、组件通信等）来构建小...

解密国内BAT等大厂前端技术体系-美团点评之下篇（长文建议收藏）

m0_37411791的博客

12-13

852

这是奶爸码农第47篇原创文章，点击上方蓝字关注引言在上篇（见文末推荐阅读）中，我已经介绍了美团点评的业务情况、大前端的技术体系，其中大前端的技术全景图如下：上篇重点介绍了工程化和代码质量...

mpvue小程序加载不出图片 Failed to load local image resource /images/xx.png

Github.com/liangfengbo

04-24

2万+

mpvue开发小程序时候，要添加静态本地图片 &amp;lt;img src=&quot;../../images/bg.png&quot; alt=&quot;&quot;&amp;gt; 会报错： VM14878:2 Failed to load local image resource /images/bg.png the server responded with a status of

mpvue图片资源踩坑

ZeX_ng的博客

10-13

2231

mpvue图片资源踩坑 mpvue项目引入的放在服务的图片，采用src拼接的形式对图片进行渲染。在电脑模拟器可以加载成功，但是手机上渲染不出来，检验了所有可能，而且图片的src也能正确打印，控制台依然有对应的报错。后来发现当我把src换成整个一个字符串或者是一个变量而不是字符串和变量拼接的时候就不会出来出现这个问题。最后的解决办法是加v-if ...

mpvue图片上传

FarmanKKK的博客

10-17

6327

mpvue小程序项目中的图片上传效果图通过mpvue文档得知他使用的是小程序原生api中的图片选择（wx.chooseImage）和文件上传（wx.uploadFile），因此我们直接根据小程序的文档来使用就可以了。 chooseImage文档图片选择我将备注写在代码块里，比较好说 chooseImage(e) { let i = 0; // 多图上传时使用到的in...

mpvue开发微信小程序关于数据存储获取不到的坑

boy火巨的博客

05-16

1918

具体使用情景是这样的，程序一进来有个登录界面，输入账号密码后登录成功，服务器会返回该用户的具体信息，其中就包括我立即需要保存下来，供全局使用的用户token。 mpvue：原生小程序：直接给data内token赋值。但是这时候打印this.data.token却是空的，没有取到值。另外我也试了另外一个方法，直接声明有个变量接收，如：var token = wx.getStora...

layUI引入步骤

zjl-wgf

03-12

6154

1. layer组件下载网址（官网）：http://layer.layui.com/ 在页面上引入jquery框架将下载包里的layer文件夹完整的复制到项目中引入layer目录中的layer.js 在需要的地方直接写效果代码就可以了 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"&g...

mpvue本地开发环境搭建

donggua_123的博客

05-30

4042

将解压文件中server文件夹复制到项目跟目录，并修改配置项在开发者工具中操作，第一次上传勾选模块上传，之后就勾选智能上传每次修改后需点击上传部署，不方便一般搭建本地开发环境本地安装mysql指南 https://cloud.tencent.com/document/product/619/11442将CONF内的内容复制出来，添加到server下config.js里，并修改其中三项：https:...

解决本地图片上传正常，服务端上传图片报500

qq_44255146的博客

03-23

2742

解决本地图片上传正常，服务端上传图片报500 1.检查该项目文件是不是777所有者为www如果不是就进行修改 2.修改my文件 1.windows下修改my.ini文件把sql-model=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLE修改为sql-mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION 2.linux下修改my.cnf文件把sql-model=NO_ENGINE_SUBSTITUTION,STRICT_TRAN

mpvue 配置 tabBar 图片路径出错

FE-阿阳的博客

03-16

3779

mpvue 配置 tabBar 图片路径出错问题描述使用 mpvue 开发小程序，配置 tabBar 时，提示配置的路径找不到，但是已经把image 文件夹放到了src 目录下；解决方案如果把 image 文件夹手动放到dist 目录下，是正常可以找到的。是不是 mpvue 没有把需要的图片打到 dist 下，需要自己手动添加（自己猜测！）。等待 mpvue 修复...

vue的三种图片引入方式