美文网首页
vue中插入动态创建的图片不显示

vue中插入动态创建的图片不显示

作者: 依耳私语 | 来源:发表于2018-11-08 18:27 被阅读0次

问题如题目
图片是后台获取过来的,所以想着自己动态创建img标签看看是否可以加入canvas上,结果问题来了,img元素不显示,可以理解成路径错误,但是怎么查找路径都是没问题的。

原因在于vue-cli中的assetsstatic两个文件夹,assets用来存本地图片用于压缩代码上传,static用来js存放动态添加的图片资源。

所以我的图片应该放在static里面,有了图片才可以获取宽高~

asset中的图片路径会被编译成base64路径需要用require完成引入才可行。

相关文章

  • vue中插入动态创建的图片不显示

    问题如题目图片是后台获取过来的,所以想着自己动态创建img标签看看是否可以加入canvas上,结果问题来了,img...

  • Vue中通过Vue.extend动态创建实例

    Vue中通过Vue.extend动态创建实例 在Vue中,如果我们想要动态地来控制一个组件的显示和隐藏,比如通过点...

  • vue 动态加载图片路径

    在用vue-cli脚手架生成的vue项目开发中,动态加载图片本地运行没有问题,但是打包后图片无法显示,图片路径40...

  • python插入排序(insert sort)

    插入排序输出到console带颜色字体展示插入时数据交换 图片 插入排序算法 动态显示插入动作代码

  • word表格中插入图片时只显示一个窄条的解决方法

    在word表格中插入图片的操作很简单: 插入->图片 然后,在盘上选择图片插入。 但是,有的时候,插入的图片只显示...

  • GIF的制作方法:GIF动态图原来是这样制作的!

    我们在网上浏览别人的文章时,经常可以看到以gif动态图显示的操作步骤,那么如何录制gif动态图片并在文章中插入动态...

  • iOS 图文混排

    创建label 创建富文本 创建图片文本 富文本添加图片 图片和文字居中对齐 图片文本加入富文本中 图片插入文本中...

  • vue动态显示图片

    如果图片直接写死在html或者css里的,webpack会处理这个图片最终的地址(会用到url-loader) 所...

  • img加载失败显示默认图片

    img加载图片失败,需要显示一个默认图片,则: 如果是在js里面拼接字符串动态插入到页面中,记得图片路径是基于HT...

  • HTML 图像

    通过使用 HTML,可以在文档中显示图像。 实例 插入图像 本例演示如何在网页中显示图像。 从不同的位置插入图片 ...

网友评论

      本文标题:vue中插入动态创建的图片不显示

      本文链接:https://www.haomeiwen.com/subject/ertgxqtx.html