美文网首页
Vue调用本地图片

Vue调用本地图片

作者: 刘年年 | 来源:发表于2018-07-11 17:30 被阅读1116次

vue调用图片的方式有本地图片和网络图片,网络图片相对简单,只需网络地址即可,下面我们讲一下调用本地图片的方式;

第一种情形:

在img标签中加载,

标签中插入绝对路径

src这里我们传入的是绝对路径

第二种情形:

v-bind标签绑定的方式:

v-bind标签绑定src

在script标签中的具体实现:

script脚本

这里我传入的都是绝对路径,相对路径试过多次,都以编译失败告终,以后若找到相对路径的方法会更新此处。

工程目录:

工程目录

作者本人刚开始接触weex,如有不正确的地方请指正!

相关文章

  • Vue调用本地图片

    vue调用图片的方式有本地图片和网络图片,网络图片相对简单,只需网络地址即可,下面我们讲一下调用本地图片的方式; ...

  • vue调用地址调用本地图片资源

    问题: vue开发过程中,有时候我们需要以地址的形式访问本地图片资源,而不是相对路径。 方法: 用import引用...

  • 解锁在vue中引入图片的正确姿势

    大家都知道,在H5中调用本地静态资源引入图片,是通过 img 标签的 src 属性: 使用vue项目开发中,很多人...

  • vue 动态加载图片路径

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

  • WKWebview与app本地的交互框架构建

    1:场景网页需要调用本地的拍照、上传图片、保存图片、音视频的上传、图片的预览等;网页通过本地处理alert的提示框...

  • 解决wx.previewImage iOS 13.4预览base

    思路:把base64存为本地图片,然后预览本地图片的url下面是代码:base64src.js 文件 调用 参考:...

  • Andriod问题小结之获取Uri在Android10上崩溃

    1.问题描述 保存图片,然后调用本地分享。在6.0版本上可以保存图片并且调起本地分享,但是Android 10上可...

  • 保存项目图片到本地

    保存项目图片到本地 调用方法 ImageLoadUtil.saveImageToPhotos(mContext,B...

  • Vue和ios、android交互通信

    1)原生调用Vue方法 Vue代码 ios调用代码 android调用代码 2)Vue调用原生方法 vue调用代码...

  • Vue动态渲染本地图片

    今天总结一下Vue动态渲染本地图片的一些问题~如果你直接使用本地图片地址,像下面这样 这是可以正常显示图片的,但是...

网友评论

      本文标题:Vue调用本地图片

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